CSS 参考手册

实例

如何在一个声明中设置所有背景属性：

body  {   background: #00FF00 url(bgimage.gif) no-repeat fixed top;  }

亲自试一试

浏览器支持

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

注释：IE8 以及更早的浏览器不支持一个元素多个背景图像。

注释：IE7 以及更早的浏览器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性：

• background-color
• background-position
• background-size
• background-repeat
• background-origin
• background-clip
• background-attachment
• background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

可能的值

亲自试一试 - 实例

所有背景属性在一个声明之中

本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。

相关页面

CSS 教程：CSS 背景

CSS3 教程：CSS3 背景

HTML DOM 参考手册：background 属性