CSS 边框颜色
CSS 边框颜色
这 border-color
属性用于设置四个边框的颜色。
可以通过以下方式设置颜色:
- 名称 - 指定颜色名称,例如“红色”
- HEX - 指定十六进制值,例如“#ff0000”
- RGB - 指定 RGB 值,如“rgb(255,0,0)”
- HSL - 指定 HSL 值,例如“hsl(0, 100%, 50%)”
- 透明的
笔记: 如果border-color
未设置时,它将继承元素的颜色。
例子
不同边框颜色的演示:
页一 {
边框样式:实线;
边框颜色:红色;
}
第二页 {
边框样式:实线;
边框颜色:绿色;
}
第三页 {
边框样式:虚线;
边框颜色:蓝色;
}
结果:
红色边框
绿色边框
蓝色边框
特定侧面颜色
这 border-color
属性可以有一到四个值(分别表示上边框、右边框、下边框和左边框)。
十六进制值
边框的颜色也可以使用十六进制值(HEX)指定:
RGB 值
或者使用 RGB 值:
HSL 值
您还可以使用 HSL 值:
您可以在我们的 CSS 颜色 章节。