CSS border-bottom-color 属性

border-bottom-color 属性用于设置元素底部边框的颜色。

语法

selector {
  border-bottom-color: color|transparent|initial|inherit;
}

• color：指定底部边框的颜色值，可以是十六进制值、RGB值、颜色名称等。
• transparent：底部边框颜色为透明。
• initial：设置为默认值。
• inherit：继承父元素的属性值。

示例

// www.javascriptcn.com code example
/* 设置底部边框颜色为红色 */
div {
  border-bottom-color: red;
}

/* 设置底部边框颜色为半透明黑色 */
p {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

注意事项

• 如果未设置 border-bottom-color 属性，则默认为当前元素的文本颜色。
• 该属性仅控制底部边框的颜色，不影响其他边框的颜色。
• 可以与 border-bottom-width 和 border-bottom-style 属性一起使用，以完整定义底部边框的样式。