CSS background-color 属性
下面有更多实例。
定义和用法
background-color 属性设置一个元素的背景颜色。
元素的背景是元素的总大小，包括填充和边界（但不包括边距）。
提示: Use a background color and a text color that makes the text easy to read.
| 默认值: | transparent |
|---|---|
| 继承性: | no |
| 支持动画: | yes. 阅读有关动画的信息 测试一下 |
| 版本: | CSS1 |
| JavaScript 语法: | object.style.backgroundColor="#00FF00" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
语法
background-color: color|transparent|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| color | 指定背景颜色。在CSS颜色值近可能的寻找一个颜色值的完整列表。 | 亲自试一试 » |
| transparent | 指定背景颜色应该是透明的。这是默认 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
实例
为不同元素设置背景色:
body {
background-color: #fefbd8;
}
h1 {
background-color: #80ced6;
}
div {
background-color: #d5f4e6;
}
span {
background-color: #f18973;
}
亲自试一试 »
相关页面
CSS 教程: CSS 背景
HTML DOM 参考手册: backgroundColor 属性
