CSS 边框宽度

CSS 边框宽度

border-width：该属性指定四个边框的宽度。

宽度可以设置为特定大小（以 px、pt、cm、em 等为单位）或使用 三个预定义值之一：薄、中或厚：

不同边框宽度的演示：

p.one {  border-style: solid;  
  border-width: 5px;}  

p.two {  border-style: solid;  
  border-width: medium;}  

p.three {  border-style: dotted;  
  border-width: 2px;}  

p.four {  border-style: dotted;  
  border-width: thick;}

尝试一下 »

结果：

特定边宽

border-width：该属性可以有 1 到 4 个值（对于顶部边框、右边框、 下边框和左边框）。

p.one {  border-style: solid;  
  border-width: 5px 20px; /* 5px top and bottom, 20px on the sides */}  

p.two {  border-style: solid;  
  border-width: 20px 5px; /* 20px top and bottom, 5px on the sides */}  

p.three {  border-style: solid;  
  border-width: 25px 10px 4px 35px; /* 25px top, 10px right, 4px bottom and 35px left */}

尝试一下 »