背景- 简写属性

在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。

为了简化这些属性的代码，我们可以将这些属性合并在同一个属性中.

背景颜色的简写属性为 “background“:
实例
body {background:#ffffff url(‘img_tree.png’) no-repeat right top;}

尝试一下 »

当使用简写属性时，属性值的顺序为：:

background-color
background-image
background-repeat
background-attachment
background-position

以上属性无需全部使用，你可以按照页面的实际需要使用.

CSS background 属性
实例

在一个div元素中设置多个背景图像（并指定他们的位置）：
body
{
background: #00ff00 url(‘smiley.gif’) no-repeat fixed center;
}
浏览器支持

所有主流浏览器都支持 background 属性。

注意：IE8和更早版本不支持一个元素多个背景图像。

注意：IE7和更早的版本不支持”继承”的值。 IE8 需要定义 ！DOCTYPE。 IE9支持”继承”。
标签定义及使用说明

背景缩写属性可以在一个声明中设置所有的背景属性。

可以设置的属性分别是：background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。

各值之间用空格分隔，不分先后顺序。可以只有其中的某些值，例如 background：＃FF0000 URL（smiley.gif); 是允许的。
默认值: 请参阅单独的属性
继承: no
版本: CSS1+ CSS3中的新的属性
JavaScript 语法: object object.style.background=”red url(smiley.gif) top left no-repeat”