CSS `background-color` 属性

说明

background-color CSS 属性设置元素的背景颜色。您可以通过颜色值或关键字透明设置背景颜色。

元素的背景是元素的总大小，包括内边距和边框（但不包括边距）。请参阅盒子模型。

下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

background-color:

color | transparent | initial | inherit

下面的示例显示了 background-color 属性的作用。

body {
    background-color: yellow;
}
h1 {
    background-color: rgb(255,0,0);
}
p {
    background-color: #00ff00;
}

下表描述了该属性的值。

值	说明
color	指定背景颜色。查看 CSS 颜色值以获取可能的颜色值列表。
`transparent`	将 `background-color` 设置为透明，即具有透明背景的元素后面的元素的内容和背景将是可见的。这是默认设置。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `background-color` 属性的计算值。

所有主要的现代浏览器都支持 background-color 属性。

请参阅以下教程： CSS 背景, CSS3 背景.