CSS border-width，边框宽度的五种值

CSS边框宽度border-width

HTML中元素的边框宽度可以通过border-width属性来进行设置，而且通常情况下，可以分别指定四个边框的宽度，其语法如下：

border-width: top right bottom left 或border-width: TopAndBottom RightAndLeft 或border-width:TopAndRgithAndBottomAndLeft

提示：如上语法仅仅只是常用的用法而已：1、四个值的情况分别指定上边框、右边框、底边框和左边框，为顺时针的方向；2、如果是2个值的情况，分别表示上下边框和左右边框；3、如果是1个值的情况，则表示上下左右四个边框的宽度为同一个值。

---

CSS边框宽度的五种值

为HTML元素设置边框可以采用五种不同的值，其中四种单位分别为px、pt、cm、em等，也可以采用预定义的值：thick、thin、medium。

---

CSS边框宽度实例代码，及在线编辑器

<p class='e1'>border-width的属性值为单个值，将设置四个宽度相等的边框。</p>
<p class='e2'>border-width的属性值为两个个值，将设置两两宽度相等的边框。</p>
<p class='e3'>border-width的属性值为四个值，将分别设置四个宽度大小的边框。</p>
<style>
  .e1{border-style:solid;border-width:1px;}
  .e2{border-style:solid;border-width:1px 5px;}
  .e3{border-style:solid;border-width:1px 2pt 3cm 4em;}
</style>

试一试