CSS background 属性

定义和用法

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

可以按顺序设置如下属性:

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

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

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

默认值: not specified
继承性: no
版本: CSS1
JavaScript 语法: object.style.background="white url(paper.gif) repeat-y"

实例

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

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

亲自试一试

浏览器支持

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

任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

描述
background-color 规定要使用的背景颜色。参阅:background-color 中可能的值。
background-image 规定要使用的背景图像。参阅:background-image 中可能的值。
background-repeat 规定如何重复背景图像。参阅:background-repeat 中可能的值。
background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。参阅:background-attachment 中可能的值。
background-position 规定背景图像的位置。参阅:background-position 中可能的值。
inherit 规定应该从父元素继承 background 属性的设置。

TIY 实例

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

相关页面

CSS 教程:CSS 背景

HTML DOM 参考手册:background 属性