CSS border-bottom-color 属性
CSS Border-bottom-color 属性
CSS Border-bottom-color 属性用于设置 HTML 元素底部边框的颜色。
语法
border-bottom-color: color|transparent|initial|inherit;
- color：规定底部边框的颜色。
- transparent：规定底部边框的颜色为透明。
- initial：规定底部边框的颜色为默认值。
- inherit：规定底部边框的颜色从父元素继承。
属性值
- RGB 值：
border-bottom-color: rgb(255, 0, 0); - 十六进制值：
border-bottom-color: #ff0000; - 颜色名称：
border-bottom-color: red; - transparent：
border-bottom-color: transparent; - initial：
border-bottom-color: initial;
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-bottom-color Demo</title>
<style>
h1 {
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: red;
}
p {
border-bottom-style: dotted;
border-bottom-width: 2px;
border-bottom-color: blue;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
说明
- 此属性适用于块级元素和表格单元格。
- 如果没有声明此属性，底边框颜色等同于 color 属性值。
- 如果 border-bottom-style 属性值为 none，底边框将不存在，但仍然可以指定底边框的颜色。
- border-bottom-color 属性不会改变元素的大小或形状。