css 背景色透明度-css背景透明_CSS颜色其实很简单，不信你看

元素设置的颜色属性的值。 例如这样做：

div {
    color: lightcoral;
}

设置完成后，再次运行HTML页面，

元素上方的文本内容仍然是彩色的。

为什么会这样呢？ 如果我们用CSS语法结构来解决这个现象，那是因为CSS中的一些样式属性是继承的。 正好color属性是继承的，所以可以是这样的。 为何如此传承？ 所谓继承是指如果为父容器元素设置了字体颜色，即color属性，而子元素没有设置字体颜色，那么子元素上的文本内容显示的字体颜色为父元素设置字体颜色。

这虽然有点曲折，但这是事实！ 我希望你能多读几遍，直到你明白我想说的！

我们会在第十四章详细介绍CSS的继承，所以别着急，先把当前的事情做好吧！背景颜色

好了css 背景色透明度，前面的风景我们已经明白是怎么回事了，接下来我们就来看看背景颜色是怎么回事吧！

如果我们创建一个HTML页面，并编译一些HTML元素，运行这样一个页面，然后，你会发现这个HTML页面的背景是蓝色的。 像这样：

为什么会这样呢？ 这是因为浏览器窗口默认是黑色的，而 HTML 元素的背景颜色默认看起来是透明的。 因此，我们看到每个元素的文本内容的背景色也是蓝色的。 但这并不是因为 HTML 元素的默认背景颜色是蓝色，你必须记住！ background-color的默认值是transparentcss 背景色透明度，即透明的意思。

接下来，我们设置元素的背景颜色，如下所示：

h1 {
    background-color: lightcoral;
}

在这种情况下，元素上方文本内容的背景颜色将显示为我们设置的颜色。

你是不是也觉得很简单呢？ ！ 是的，实际上非常简单。