background-color
CSS属性中的 background-color 会设置元素的背景色,属性的值为颜色值或关键字transparent二者选其一.
示例
/* 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:transparent| <color>
取值
默认值 | transparent |
适用于 | 所有元素 |
继承性 | 无 |
动画性 | 是 |
计算值 | 指定值 |
例子
//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;
}