html css 如何一张图片铺满整个背景，不留空白的。并且图片是固定的

html-css021

html css 如何一张图片铺满整个背景，不留空白的。并且图片是固定的,第1张

(1)body{background:url(背景图) repeat} 说明：repeat表示背景图的平铺方式！其实一般你将一张图片作为背景时，会默认为平铺，所以不需要刻意去设置，相反如果我们不想图片平铺那么这时就需要设置为no-repeat这时图片就会按原来的尺寸显示！

（2）如果图片过小，那么图片平铺就会出现重复的地方，其实和把一张图片设置为桌面墙纸类似！ 我试过了，想要想铺满但是不重复的话选择一张1024X768的图片，当然这只是针对显示器为1024X768的！ 具体选择就看你显示器的分辨率了！

1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。

2、这里是html文件，引入css和html代码文件，如图所示。

3、这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。

4、这里是事件，这里定义了四个时间段的状态，兼容了ie的。

5、如图所示这里是效果图，会根据时间轮播显示下一张图片 了。