序言

本章我们继续讲解CSS那些常用的属性值，不会的朋友可以去看下上一篇文章。

background-image用于设置背景图像 如果要把图片作为网页的背景图像，只要在body元素上应用background-image属

body {
	background-color: #FFCC66;
	background-image: url("butterfly.gif");
}

注意我们指定图片存放位置的方式：url("butterfly.gif")。这表明图片文件和样式表存放在同一目录下。你也可以引用存放在其他目录的图片，只需给出存放路径即可（比如url("../images/butterfly.gif")）；此外，你甚至可以通过给出图片的地址来引用因特网（Internet）上的图片（比如url("http://www.bjpowernodet/test.gif")）

background-repeat就是用于控制平铺的 background-repeat的四种不同取值

background-repeat:repeat-x  图像横向平铺

background-repeat:repeat-y 图像纵向平铺

background-repeat:repeat 图像横向和纵向都平铺（默认）

background-repeat:no-repeat 图像不平铺 为了避免平铺背景图像，代码应该这样

body {
	background-color: #FFCC66;
	background-image: url("butterfly.gif");
	background-repeat: no-repeat;
}

缩写[background] CSS属性background是上述所有与背景有关的属性的缩写用法。

使用background属性可以减少属性的数目，因此令样式表更简短易读。 比如说下面五行代码：

background-color: #FFCC66;

background-image: url("butterfly.gif");

background-repeat: no-repeat;

background-attachment: fixed;

background-position: right bottom;

如果使用background属性的话，实现同样的效果只需一行代码即可

background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;

各个值应按下列次序来写：

[background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position] 如果省略某个属性不写出来，那么将自动为它取缺省值。