1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。
2、然后建立一个html文档，将它和背景图片放到一个文件夹中。
3、编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。
4、就给div设置背景图片。
5、在浏览器中预览会发现图片平铺了，这不是想要的效果。
6、然后可以给div再加上属性，-moz-background-size:100% 100%background-size:100% 100%。
7、这样设置后就会发现背景图片拉伸至100%了。
如果是要平铺的图片只能做成单张的图片，集合图片（csssprite）是不行的。
至于实现平铺效果用：
background-repeat:repeat
background-repeat:repeat-y
background-repeat:repeat-x
再看看别人怎么说的。
百分数值的表现方式更为复杂。假设你希望用百分数值将图像在其元素中居中，这很容易：body
{
background-image:url('/i/eg_bg_03.gif')
background-repeat:no-repeat
background-position:50% 50%
}
这会导致图像适当放置，其中心与其元素的中心对齐。换句话说，百分数值同时应用于元素和图像。也就是说，图像中描述为 50%
50% 的点（中心点）与元素中描述为 50% 50% 的点（中心点）对齐。
如果图像位于 0% 0%，其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%，会使图像的右下角放在右边距的右下角
