CSS 边框颜色
CSS 边框颜色
border-color 属性用于设置四个边框的颜色。
颜色可以通过以下方式设置：
- 名称 - 指定一个颜色名称，如“red”
- HEX - 指定一个十六进制值，如“#ff0000”
- RGB - 指定一个 RGB 值，如“rgb(255,0,0)”
- HSL - 指定一个 HSL 值，如“hsl(0, 100%, 50%)”
- transparent
注意：如果未设置 border-color，它将继承元素的颜色。
示例
不同边框颜色的演示
p.one {
border-style: solid;
border-color: red;
}
p.two {
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
结果
红色边框
绿色边框
蓝色边框
特定边框颜色
border-color 属性可以有一个到四个值（分别对应上边框、右边框、下边框和左边框）。
示例
p.one {
border-style: solid;
border-color: red green blue yellow; /* 顶部红色，右侧绿色，底部蓝色，左侧黄色 */
}
自己动手试一试 »
HEX 值
边框的颜色也可以使用十六进制值 (HEX) 指定
RGB 值
或者使用 RGB 值
HSL 值
您也可以使用 HSL 值
您可以在我们的 CSS 颜色章节中了解更多关于 HEX、RGB 和 HSL 值的信息。
