新！我的 44 頁電子書「44 分鐘學會 CSS」已經出版囉！ 😃

立即取得 →

#border-color

定義元素邊框的顏色。

預設 border-color: transparent;

對邊框套用透明顏色。邊框仍會佔用 border-width 值所定義的空間。

border-color: red;

你可以使用140 多種顏色名稱之一。

border-color: #05ffb0;

你可以使用十六進位顏色代碼。

border-color: rgb(50, 115, 220);

你可以使用rgb() 顏色代碼

  • 第一個值是 red
  • 第二個值是 green
  • 第三個值是 blue

它們每個都能有一個介於 0 和 255 之間的值。

border-color: rgba(50, 115, 220, 0.3);

您可以使用 rgba() 顏色碼

  • 前 3 個值是給 rgb
  • 第 4 個值是給 alpha 通道，並定義顏色的不透明度

alpha 值可以從零 0（透明）到一 1（不透明）。

border-color: hsl(14, 100%, 53%);

您可以使用 hsl() 顏色碼

  • 第一個值是給 色相，可以從 0 到 359
  • 第二個值是給 飽和度，可以從 0% 到 100%
  • 第三個值是給 明度，可以從 0% 到 100%

border-color: hsla(14, 100%, 53%, 0.6);

您可以使用 hsl()a 顏色碼

  • 前 3 個值是給 hsl
  • 第 4 個值是給 alpha 通道，並定義顏色的不透明度

alpha 值可以從零 0（透明）到一 1（不透明）。