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 属性不会改变元素的大小或形状。