背景色

在前面已经学过了，给元素设置color属性可设置文本的颜色。那么如何给元素设置背景色呢？

可通过给元素设置background-color来设置元素的背景色：

<div style="background-color:red">我的背景是红色</div>
    

background-color的值与color一样，都是“颜色”。

再来看另一个例子：

<div style="background-color:red">
    我的背景是红色
    <div>我没有设置背景色</div>
    <div style="background-color:#000000">我的背景是黑色</div>
    <div style="background-color:rgb(0,0,255)">我的背景是蓝色</div>
</div>
    

默认状态下，<div>是没有背景色的，就相当于是透明的一样。当不设置背景色时，看到的是它的父元素的背景色。

如果设置了背景色，就会将父元素相应的区域遮挡住。

练习