手册
目录
前言：
CSS 背景属性用于为元素添加背景效果。
background-color 属性用于设置元素的背景颜色。
网页的背景颜色可以像这样设置：
body {
background-color: lightblue;
}运行实例 » 点击 "运行实例" 按钮查看在线实例。
在 CSS 中，颜色通常可以通过以下方式指定：
有关颜色值的完整列表，请参阅 CSS 颜色值章节。
你可以为任何 HTML 元素设置背景颜色：
下面的 <h1>、<p> 和 <div> 元素将拥有不同的背景颜色：
h1 {
background-color: green;
}
div {
background-color: lightblue;
}
p {
background-color: yellow;
}运行实例 » 点击 "运行实例" 按钮查看在线实例。
opacity 属性用于设置元素的透明度。其取值范围为 0.0 到 1.0。数值越小，透明度越高：
div {
background-color: green;
opacity: 0.3;
}运行实例 » 点击 "运行实例" 按钮查看在线实例。
注意： 当使用 opacity 属性为元素的背景添加透明度时，其所有子元素也会继承相同的透明度。这可能会使完全透明元素中的文字难以阅读。
如果你不希望将透明度应用于子元素（如上面的示例），可以使用 RGBA 颜色值。下面的示例仅设置背景颜色的透明度而不影响文字：
你已经在 CSS 颜色章节中了解到可以使用 RGB 作为颜色值。除了 RGB 外，还可以使用带有 alpha 通道的 RGB 颜色值（RGBA） — 它可以指定颜色的透明度。
RGBA 颜色值的格式为：rgba(red, green, blue, alpha)。其中 alpha 参数是 0.0（完全透明）到 1.0（完全不透明）之间的数值。
提示： 在 CSS 颜色章节中，你将了解更多关于 RGBA 颜色的内容。
div {
background: rgba(0, 128, 0, 0.3); /* 绿色背景，30% 透明度 */
}运行实例 » 点击 "运行实例" 按钮查看在线实例。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.7万人学习
共29课时
62.2万人学习
共25课时
39.6万人学习
共43课时
71.5万人学习
共25课时
62.1万人学习
共22课时
23.2万人学习
共28课时
34.2万人学习
共89课时
126.3万人学习
