background-color
概览
CSS属性中的 background-color 会设置元素的背景色,属性的值为颜色值或关键字"transparent"二者选其一。
初始值 | transparent |
---|---|
适用元素 | all elements. It also applies to ::first-letter and ::first-line . |
是否是继承属性 | 否 |
计算值 | computed color |
Animation type | a color |
语法
/* Keyword values */
background-color: red;
/* Hexadecimal value */
background-color: #bbff00;
/* RGB value */
background-color: rgb(255, 255, 128);
/* HSLA value */
background-color: hsla(50, 33%, 25%, 0.75);
/* Special keyword values */
background-color: currentColor;
background-color: transparent;
/* Global values */
background-color: inherit;
background-color: initial;
background-color: unset;
background-color
属性只能使用 <color>
值。
取值
<color>
-
一个描述背景统一颜色的 CSS
<color>
值。即使一个或几个的background-image
被定义,如果图像是不透明的,通过透明度该颜色也能影响到渲染。在 CSS 中,transparent
是一种颜色。
正式语法
background-color =
<color>
示例
HTML
<div class="exampleone">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="exampletwo">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="examplethree">
Lorem ipsum dolor sit amet, consectetuer
</div>
CSS
.exampleone {
background-color: teal;
color: white;
}
.exampletwo {
background-color: rgb(153,102,153);
color: rgb(255,255,204);
}
.examplethree {
background-color: #777799;
color: #FFFFFF;
}
结果
规范
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # background-color |
浏览器兼容性
BCD tables only load in the browser