CSS 背景
这 CSS 背景 属性用于为元素添加背景效果。
在这些章节中,您将了解以下 CSS 背景属性:
background-color
background-image
background-repeat
background-attachment
background-position
background
(简写属性)
CSS 背景颜色
这 background-color
属性指定元素的背景颜色。
使用 CSS,颜色通常通过以下方式指定:
- 有效的颜色名称 - 例如“红色”
- 十六进制值 - 例如“#ff0000”
- RGB 值 - 例如“rgb(255,0,0)”
看着 CSS 颜色值 以获取可能的颜色值的完整列表。
其他元素
您可以为任何 HTML 元素设置背景颜色:
不透明度/透明度
这 opacity
属性指定元素的不透明度/透明度。它可以取 0.0 - 1.0 之间的值。值越低,透明度越高:
不透明度 1
不透明度 0.6
不透明度 0.3
不透明度 0.1
笔记: 使用时opacity
属性为元素的背景添加透明度,其所有子元素都会继承相同的透明度。这会使完全透明的元素内的文本难以阅读。
使用 RGBA 实现透明度
如果你不想对子元素应用不透明度,如上例所示,请使用 RGBA 颜色值。以下示例设置背景颜色的不透明度,而不是文本的不透明度:
100% 不透明度
60% 不透明度
30% 不透明度
10% 不透明度
您从我们的 CSS 颜色章节,您可以使用 RGB 作为颜色值。除了 RGB,您还可以使用带有 α 通道(RGBA) - 指定颜色的不透明度。
RGBA 颜色值指定为:rgba(red, green, blue, α)。 这 α 参数是一个介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。
提示: 您将在我们的CSS 颜色章节.
CSS 背景颜色属性
财产 | 描述 |
---|---|
背景颜色 | 设置元素的背景颜色 |
CSS — 背景颜色 — W3Schools 视频
本视频介绍了 背景颜色 在 CSS 中。
这是一系列视频教程的一部分 初学者的 CSS!