border-width 是CSS属性,用于设置一个元素的四个边框(上、右、下、左)的宽度,即定义边框的粗细。

语法如下:
border-width: thin | medium | thick | length | initial | inherit;

  •  thin: 细边框。

  •  medium: 中等边框。

  •  thick: 粗边框。

  •  length: 指定一个固定的长度值,例如像素(px)、厘米(cm)等。

  •  initial: 将属性重置为其默认值。

  •  inherit: 继承父元素的值。


border-width 属性可以单独设置,也可以使用缩写形式同时设置四个边框的宽度,如下:
/* 单独设置上边框宽度 */
div {
  border-top-width: 2px;
}

/* 使用缩写形式设置四个边框的宽度 */
div {
  border-width: 2px 1px 3px 4px;
  /* 上边框宽度为2px,右边框宽度为1px,下边框宽度为3px,左边框宽度为4px */
}

你可以根据设计需求选择适当的边框宽度。


转载请注明出处:http://www.zyzy.cn/article/detail/4150/CSS