元素的背景区包括前景之下直到边框外边界的所有空间，因此，内容框和内边距都是元素背景的一部分，且边框画在背景之上。

网站建设允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果，CSS在这方面的能力远远在HTML之上。

背景色

类似于设置前景色，网站设计人员可以为元素的背景声明一个颜色。为此，可以使用属性background-color，毫不奇怪，它接受所有合法的颜色，还可以接受一个使背景透明的关键字。

background-color

值：<color> | transparent | inherit

初始值：transparent

应用于：所有元素

继承性：无

计算值：根据指定确定

如果网站设计人员希望背景色从元素中的文本向外稍有延伸，只需增加一些内边距，如图9-8所示。

P{background-color:gray; padding:10px;}

图9-8：背景和内边距

可以为几乎所有元素设置背景色，这包括body一直到em和a等行内元素。background-color不能继承。其默认值是transparent，这是有道理的：如果一个元素没有指定的颜色，那么背景就应当是透明的，这样其祖先元素的背景才能可见。

设计人员要了解这种继承，可以想象订在一个文字墙上的塑料标志。透过这个标志还可以看到墙，不过这不是标志的背景，这是墙的背景（按CSS的术语来讲）。类似地，如果为画布设置一个背景，文档中有些元素没有自己的背景，那么透过所有这些元素都能看到这个背景。这些元素并没有继承背景，只是能透过它们看到背景而已。看上去好像没有什么区别，不过在关于背景图像的一节中你将了解到，这确实是一个重大差别。

大多数情况下都没有必要使用关键字transparent，因为这是默认值。不过，有些情况下这个关键字可能很有用。假设一个用户将其浏览器设置为使所有链接都有一个白色背景。在网站设计页面时，将锚设置为有一个白色前景，而且你不希望这些锚有背景。为了确保你的设计选择可行，需要以下声明：

a{color:white; background-color:transparent;}

如果没有背景色，白色前景和用户指定的白色背景就会混在一起，这样一来链接将变得完全不可读。尽管这个例子不太实际，不过确实是可能的。

注意：创作人员样式和读者样式有可能结合，出于这个原因，网站建设检验器会生成以下警告，“color没有相应的background-color"。这是在提醒你，创作人员指定的颜色与用户指定的颜色可能发生交互，而你的规则没有考虑到这种可能性。这些警告并不表示你的样式无效：只有错误才会导致检验失败。