CSS border-bottom-width 属性

在 CSS 中，border-bottom-width 属性用于设置元素底部边框的宽度。这个属性可以接受各种单位，如像素、百分比等。

语法

selector {
    border-bottom-width: value;
}

• selector：表示要应用样式的元素选择器。
• value：表示底部边框的宽度值，可以是像素（px）、百分比（%）、em等单位。

值

• thin：定义一个细的底部边框。
• medium：定义一个中等宽度的底部边框。
• thick：定义一个粗的底部边框。
• <length>：定义一个具体的长度值，比如 1px、2px 等。
• <percentage>：定义一个相对于包含块宽度的百分比值。

示例

// www.javascriptcn.com code example
/* 设置底部边框宽度为2px */
div {
    border-bottom-width: 2px;
}

/* 设置底部边框宽度为50% */
p {
    border-bottom-width: 50%;
}

在上面的示例中，我们分别为 div 元素和 p 元素设置了不同的底部边框宽度。可以根据实际需求来调整 border-bottom-width 的值，以达到设计要求。

这就是 CSS 属性 border-bottom-width 的用法和示例，通过灵活运用这个属性，我们可以轻松控制元素的底部边框宽度。