CSS background-color 属性

CSS background-color 属性设置一个元素的背景颜色

元素的背景是元素的总大小，包括填充和边界（但不包括边距）

要让背景色和文本颜色协调，使文本易于阅读

默认值	transparent
继承	no
版本	CSS1
JavaScript 语法:	object.style.backgroundColor="#00FF00"

属性值

值	描述
color	指定背景颜色。在 CSS颜色值近可能的寻找一个颜色值的完整列表
transparent	指定背景颜色应该是透明的。这是默认
inherit	指定背景颜色，应该从父元素继承

下表中的数字表示支持该属性的第一个浏览器版本号

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号


1.0	4.0	1.0	1.0	3.5

所有主要浏览器都支持 background-color 属性

IE7 和更早的版本不支持"继承"的值

IE8 需要定义 <!DOCTYPE html>

IE9 支持 "继承"

设置不同元素的背景色

body {
    background-color:yellow;
}

h1 {
    background-color:#00ff00;
}

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