CSS Background-color 属性

background-color 属性用于设置元素的背景颜色。这个属性是所有背景相关属性中最基本的一个。

语法

selector {
  background-color: color | transparent | initial | inherit;
}

值

• color: 指定一个颜色值，可以使用合法的颜色名称、十六进制（#RRGGBB）或 RGB（rgb(R, G, B)）值描述。也可以使用 HSL（hsl(H, S%, L%)）或 HSLA（hsla(H, S%, L%, A)）值。

• transparent: 透明背景。

• initial: 重置为默认值。

• inherit: 继承父元素的属性值。

示例

body {
  background-color: #336699;
}

div {
  background-color: rgb(255, 128, 0);
}

h1 {
  background-color: hsl(220, 60%, 70%);
}

注意事项

• background-color 只能设置元素的背景颜色，不能设置其他背景属性（比如 background-image）。

• 对于大部分元素来说，background-color 将默认为透明。但对于某些元素（比如按钮）来说，可能已经被浏览器默认设置为一种颜色，需要通过 background-color 属性重置背景颜色。

• 多个背景属性可以合并写在一起，比如： background: #336699 url("image.png") no-repeat fixed center top;。但如果只需要修改背景颜色，使用 background-color 更方便。

• 相关文章：CSS Background 属性详解。