border-bottom-color
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
概述
border-bottom-color
属性设置一个元素底部边框的颜色。应当指出,在多数情况下,CSS 简写属性 border-color
或 border-bottom
更方便实用。
语法
css
border-bottom-color: yellow;
border-bottom-color: #f5f6f7;
值
正式语法
示例
一个带有边框的简单 div
HTML 内容
html
<div class="mybox">
<p>
This is a box with a border around it. Note which side of the box is
<span class="redtext">red</span>.
</p>
</div>
CSS 内容
css
.mybox {
border: solid 0.3em gold;
border-bottom-color: red;
width: auto;
}
.redtext {
color: red;
}
结果
规范
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # border-color |
浏览器兼容性
BCD tables only load in the browser
参见
- 边框相关的 CSS 简写属性
border
,border-bottom
和border-color
。 - 用于其他边框颜色相关的 CSS 属性:
border-right-color
,border-top-color
, 和border-left-color
。 - 同样用于底边的其他边框相关的 CSS 属性:
border-bottom-style
和border-bottom-width
。