CSS背景图像平铺是指在页面上使用CSS来实现背景图像的平铺效果，即背景图像会以一定的尺寸重复显示，以达到填充整个背景的效果。
1、使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。
picanddiv.css 文件代码如下：img {position: absolute; /* 用绝对定位控制图片 */top: 0; /* 设置图片跟顶部距离 */left: 0; /* 设置图片跟左边距离 */width: 100px;height: 100px;}div {position: absolute; /* 用绝对定位控制div */top: 0; /* 设置div距离顶部距...
1、横向铺满，纵向留有空隙或超出屏幕：body {background:url(图片路径) no-repeat center; background-size:100% auto;} 2、纵向铺满，横向留有空隙或超出屏幕：body {background:url(图片路径) no-repeat center; background-size:auto 100%;} 补充说明：background-size属于css3，只有支持css3的...
设置以重复的方式填满页面(以及是否平铺、何种方式平铺)：background-repeat: no-repeat;（默认repeat以重复显示图片的方式铺满页面、no-repeat不平铺）仅一张图片不重复，以拉伸的方式填满页面）：background-size: cover;
.pic{ width:100%;height:100%;background:url(images/bg.gif) left 0 repeat-x;}
意思是当盒子的大小大于一张背景图得大小时，剩余空白的地方要不套继续用这张图片去填充，repeat就是重复填充，no-repeat则只使用一次图片
(1)body{background:url(背景图) repeat;} 说明：repeat表示背景图的平铺方式！其实一般你将一张图片作为背景时，会默认为平铺，所以不需要刻意去设置，相反如果我们不想图片平铺那么这时就需要设置为no-repeat;这时图片就会按原来的尺寸显示！（2）如果图片过小，那么图片平铺就会出现重复的地方，其实和...
body{ background: url("image.png") no-repeat;height:100%;width:100%;overflow: hidden;background-size:cover;或者background-size:100%;}
