雪碧图

1. 相比多个图片，占用存储空间小。
2. 浏览器图片请求次数减少（仅一次）。

背景色

• 使用background-color 属性设置列表元素。

背景图像

• 使用background-image 属性。

body {background-image: url(img/07.gif);}

背景是否重复（默认重复：repeat）

body
{
background-image: url(img/07.gif);
background-repeat: repeat-y;
} （垂直重复）

• no-repeat（不重复） repeat-x（水平重复）

背景定位

body
{
background-image:url(img/07.gif');
background-repeat:no-repeat;
background-position:center;
}

背景关联

• 使用background-attachment 属性。

body
{
background-image:url(img/07.gif);
background-repeat:no-repeat;
background-attachment:fixed
}