新!我的 44 页电子书“44 分钟掌握 CSS”已发布!😃

立即获取 →

#background-color

定义元素背景颜色。

defaultbackground-color: transparent;

默认情况下,背景颜色为透明,基本上意味着没有背景颜色。

background-color: red;

您可以使用140 多种颜色名称

background-color: #05ffb0;

您可以使用十六进制颜色代码。

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

您可以使用rgb()颜色代码

  • 第一个值为red
  • 第二个值为green
  • 第三个值为blue

它们每个都可以具有0255之间的值。

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

您可以使用rgba()颜色代码

  • 前 3 个值为rgb
  • 第 4 个值为alpha通道,定义颜色的不透明度

alpha 值可以从零0(透明)到一1(不透明)。

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

您可以使用hsl()颜色代码

  • 第一个值为hue,可以从0359
  • 第二个值为saturation,可以从0%100%
  • 第三个值为luminosity,可以从0%100%

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

您可以使用hsl()a颜色代码

  • 前 3 个值为hsl
  • 第 4 个值为alpha通道,定义颜色的不透明度

alpha 值可以从零0(透明)到一1(不透明)。