新!我的 44 页电子书“44 分钟掌握 CSS”已发布!😃
#background-color
定义元素背景颜色。
default
background-color: transparent;
默认情况下,背景颜色为透明,基本上意味着没有背景颜色。
background-color: red;
您可以使用140 多种颜色名称。
background-color: #05ffb0;
您可以使用十六进制颜色代码。
background-color: rgb(50, 115, 220);
您可以使用rgb()颜色代码
- 第一个值为
red
- 第二个值为
green
- 第三个值为
blue
它们每个都可以具有0到255之间的值。
background-color: rgba(50, 115, 220, 0.3);
您可以使用rgba()颜色代码
- 前 3 个值为
rgb
- 第 4 个值为
alpha
通道,定义颜色的不透明度
alpha 值可以从零0(透明)到一1(不透明)。
background-color: hsl(14, 100%, 53%);
您可以使用hsl()颜色代码
- 第一个值为
hue
,可以从0到359 - 第二个值为
saturation
,可以从0%到100% - 第三个值为
luminosity
,可以从0%到100%
background-color: hsla(14, 100%, 53%, 0.6);
您可以使用hsl()a颜色代码
- 前 3 个值为
hsl
- 第 4 个值为
alpha
通道,定义颜色的不透明度
alpha 值可以从零0(透明)到一1(不透明)。