新!我的 44 頁電子書「44 分鐘學會 CSS」出爐了! 😃
#outline-color
定義元素外框的顏色。
預設
outline-color: transparent;
將透明顏色套用至外框。外框仍會佔用 outline-width
值所定義的空間。
outline-color: red;
您可以使用140 多種顏色名稱之一。
outline-color: #05ffb0;
您可以使用十六進位顏色碼。
outline-color: rgb(50, 115, 220);
您可以使用rgb() 顏色碼
- 第一個值代表
紅色
- 第二個值代表
綠色
- 第三個值代表
藍色
每個值介於0 到 255 之間。
outline-color: rgba(50, 115, 220, 0.3);
你可以使用 rgba() 顏色碼
- 前 3 個值是
rgb
- 第 4 個值是
alpha
通道,用來定義顏色的不透明度
alpha 值可以從 0(透明)到 1(不透明)
outline-color: hsl(14, 100%, 53%);
你可以使用 hsl() 顏色碼
- 第一個值是
色相
,範圍從 0 到 359 - 第二個值是
飽和度
,範圍從 0% 到 100% - 第三個值是
明度
,範圍從 0% 到 100%
outline-color: hsla(14, 100%, 53%, 0.6);
你可以使用 hsl()a 顏色碼
- 前 3 個值是
hsl
- 第 4 個值是
alpha
通道,用來定義顏色的不透明度
alpha 值可以從 0(透明)到 1(不透明)