CSS 轮廓颜色
CSS 轮廓颜色
outline-color 属性用于设置轮廓的颜色。
颜色可以通过以下方式设置：
- 名称 - 指定颜色名称，例如 "red"
- HEX - 指定十六进制值，例如 "#ff0000"
- RGB - 指定 RGB 值，例如 "rgb(255,0,0)"
- HSL - 指定 HSL 值，例如 "hsl(0, 100%, 50%)"
- 反转 - 执行颜色反转（确保轮廓可见，无论背景颜色如何）
以下示例展示了一些具有不同颜色的轮廓。还要注意，这些元素在轮廓内也有一个细的黑色边框。
一个实心的红色轮廓。
一个点状的蓝色轮廓。
一个突出的灰色轮廓。
示例
p.ex1 {
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2 {
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3 {
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
自己试试 »
HEX 值
轮廓颜色也可以使用十六进制值 (HEX) 指定。
RGB 值
或者使用 RGB 值。
HSL 值
你也可以使用 HSL 值。
你可以在我们的 CSS 颜色 章节中了解有关 HEX、RGB 和 HSL 值的更多信息。
