SS属性background是上述所有与背景有关的属性的缩写用法。
使用background属性可以减少属性的数目,因此令样式表更简短易读。 比如说下面五行代码:
body {
background-color: #FFCC66;
background-image: url("../images/butterfly.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
如果使用background属性的话,实现同样的效果只需一行代码即可搞定:
body {
background: #FFCC66 url("../images/butterfly.png") no-repeat fixed right bottom;
}
各个值应按下列次序来写:
[background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position]
如果省略某个属性不写出来,那么将自动为它取缺省值。
比如,如果去掉background-attachment 和 background-position 的话:
body {
background: #FFCC66 url("../images/butterfly.png") no-repeat;
}
这两个未指定值的属性将被设置为缺省值:scroll和top left。