border-width 属性的语法如下:
element {
border-width: top right bottom left;
}
其中,top、right、bottom 和 left 分别表示上、右、下、左边框的宽度。这些值可以是长度值,表示边框的宽度,也可以是关键字(如 thin、medium、thick),表示相对于用户代理的默认值。
示例:
/* 设置上边框宽度为2像素,右边框为4像素,下边框为6像素,左边框为8像素 */
div {
border-width: 2px 4px 6px 8px;
}
你也可以通过分别设置 border-top-width、border-right-width、border-bottom-width 和 border-left-width 来实现相同的效果,这样可以更具体地控制每个方向的边框宽度。
/* 分别设置上边框宽度为2像素,右边框为4像素,下边框为6像素,左边框为8像素 */
div {
border-top-width: 2px;
border-right-width: 4px;
border-bottom-width: 6px;
border-left-width: 8px;
}
这两种方式都可以用来设置边框宽度,具体取决于你对边框属性的控制需求。
转载请注明出处:http://www.zyzy.cn/article/detail/6032/CSS