CSS 背景
CSS 背景属性用于为元素添加背景效果。
在这些章节中，您将学习以下 CSS 背景属性：
-
background-color -
background-image -
background-repeat -
background-attachment -
background-position -
background(简写属性)
CSS background-color
background-color 属性指定元素的背景颜色。
使用 CSS，颜色通常由以下方式指定：
- 有效的颜色名称 - 如 "red"
- HEX 值 - 如 "#ff0000"
- RGB 值 - 如 "rgb(255,0,0)"
查看 CSS 颜色值 获取可能的颜色值的完整列表。
其他元素
您可以为任何 HTML 元素设置背景颜色。
示例
这里，<h1>，<p> 和 <div> 元素将具有不同的背景颜色：
h1 {
background-color: green;
}
div {
background-color: lightblue;
}
p {
background-color: yellow;
}
尝试一下 »
不透明度/透明度
opacity 属性指定元素的不透明度/透明度。它可以取值为 0.0 - 1.0。值越低，越透明
opacity 1
opacity 0.6
opacity 0.3
opacity 0.1
注意： 当使用 opacity 属性为元素的背景添加透明度时，其所有子元素将继承相同的透明度。这会导致完全透明元素内的文本难以阅读。
使用 RGBA 实现透明度
如果您不想将不透明度应用于子元素（如上面的示例中），请使用 RGBA 颜色值。以下示例为背景颜色设置不透明度，而不是文本
100% 不透明度
60% 不透明度
30% 不透明度
10% 不透明度
您从我们的 CSS 颜色章节 中了解到，您可以使用 RGB 作为颜色值。除了 RGB，您还可以使用带有 alpha 通道的 RGB 颜色值 (RGBA) - 它指定颜色的不透明度。
RGBA 颜色值由以下格式指定：rgba(red, green, blue, alpha)。alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
提示： 您将在我们的 CSS 颜色章节 中了解更多关于 RGBA 颜色的信息。
CSS 背景颜色属性
| 属性 | 描述 |
|---|---|
| background-color | 设置元素的背景颜色 |
视频：CSS 背景颜色
