CSS 轮廓颜色
CSS 轮廓颜色
这 outline-color
属性用于设置轮廓的颜色。
可以通过以下方式设置颜色:
- 名称 - 指定颜色名称,例如“红色”
- HEX - 指定十六进制值,例如“#ff0000”
- RGB - 指定 RGB 值,如“rgb(255,0,0)”
- HSL - 指定 HSL 值,例如“hsl(0, 100%, 50%)”
- 反转 - 执行颜色反转(确保轮廓可见,无论背景颜色如何)
以下示例显示了一些具有不同颜色的不同轮廓。另请注意,这些元素的轮廓内也有一条细黑边框:
实心红色轮廓。
蓝色虚线轮廓。
一开始是灰色的轮廓。
例子
p.ex1 {
边框:2px 实心黑色;
轮廓样式:实心;
轮廓颜色:红色;
}
p.ex2 {
边框:2px 实心黑色;
轮廓样式:虚线;
轮廓颜色:蓝色;
}
p.ex3 {
边框:2px 实心黑色;
大纲样式:开始;
轮廓颜色:灰色;
}
亲自尝试 »
十六进制值
还可以使用十六进制值(HEX)指定轮廓颜色:
RGB 值
或者使用 RGB 值:
HSL 值
您还可以使用 HSL 值:
您可以在我们的 CSS 颜色 章节。