CSS 輪廓顏色
CSS 輪廓顏色
outline-color 屬性用於設定輪廓的顏色。
顏色可以透過以下方式設定：
- 名稱 - 指定顏色名稱，例如“red”
- HEX - 指定十六進位制值，例如“#ff0000”
- RGB - 指定 RGB 值，例如“rgb(255,0,0)”
- HSL - 指定 HSL 值，例如“hsl(0, 100%, 50%)”
- invert - 執行顏色反轉（這可確保輪廓在任何背景色下都可見）
以下示例顯示了具有不同顏色的幾種不同輪廓。另外請注意，這些元素在輪廓內部還有一個細黑邊框。
實心紅色輪廓。
點狀藍色輪廓。
浮雕灰色輪廓。
示例
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 值的更多資訊。
