新品！ 我的 44 页电子书“CSS 在 44 分钟内”已出版！ 😃

立即获取 →

#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（不透明）。