淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的border-width属性用于设置HTML元素的边框宽度。

例子:
border-width: 1px;

可以使用border-top-widthborder-right-widthborder-bottom-widthborder-left-width来分别设置元素的上、右、下、左的边框宽度。

例子:
border-top-width: 2px;
border-bottom-width: 3px;
border-left-width: 1px;
border-right-width: 4px;

还可以使用border-width的缩写方式来同时设置所有的边框宽度,多个值用空格隔开。

例子:
border-width: 2px 4px 3px 1px;

以上代码表示依次为元素的上、右、下、左设置2像素、4像素、3像素、1像素的边框宽度。

当使用百分比值时,边框宽度将以父元素的宽度为基准进行计算。

例子:
border-width: 10% 20%;

以上代码表示元素的上下边框宽度为父元素宽度的10%,左右边框宽度为父元素宽度的20%。

注意:当元素的宽度或高度设置为0时,边框宽度也会被设置为0,不能被正常显示。