1、1首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以2然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片3然后先在浏览器中预览一下效果会看到图片两遍有空白，没有填充满；不重复的背景图片一般无法自动拉伸，你可以把背景图片做大一些，宽度做成1400px，高度900px试试；可以通过backgroundsize属性来设定背景图片的大小它可以是像素px或者是百分比%，举例说明backgroundsize950px*200px这表示把背景图片大小调整为宽度950像素，高度200像素1backgroundsize的语法说明1属性；html语言背景图片拉伸代码backgroundsizecover，可以使图片拉伸铺满背景。

2、一行代码可解决 backgroundsizecover html手册上的注意如果打算使用背景图像，应该牢记这个图像会使页面加载时间过长吗小技巧图像文件的容量尽量不要超过10K这个图像跟页面上其他图像协调吗这个图像跟页面上的。

3、1最简单方法使用css30新增的一个属性backgroundsize，代码如图IE8以下不支持2打开浏览器查看效果如下3使用css代码如图支持IE9+，IE 78 平铺效果支持，但是在小于1024px的屏幕下居中效果失效4然后；就用background呗，指定为图片lthead ltstyle table background urlquotimgtexturejpgquot td border 1px solid green width 3em textalign center ltstylelt；尺寸backgrounsize100% 100%其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里命名为“new_filehtml”接着给标签设置背景图片，这里小编设置的是ltbody标签接着新建；操作方法如下1以Hbuilder来讲解，首先新建一个HTML页面，如图2接着给标签设置背景图片，如图设置的是ltbody标签3然后新建一个css文件，如图4这里给body标签设置backgroundsize属性，如果标签是div就写div；根据百度经验资料显示html让一张背景图片铺满的步骤如下1添加样式 打开代码编辑器，为body标签添加一个样式2添加背景图片为bg样式添加一个背景图片3添加背景全屏样式 在样式里添加backgroundsize 100% 100%。

4、新浪里面那个背景效果，并不是将图片拉长实现的它只是在上方有图片，而下方使用了和图片底部颜色一致的背景颜色而已你可以仔细观察一下，将页面拉到下部的时候，再没有了渐变效果，只是纯色而已；用Dreamweaver软件编辑copy 一打开Dreamweaver，然后选中html，出来了一个html标准文档二在标签里添加文件路径，语法如下这时，页面虽然充满了背景，但可以看出背景图片被填充zhidao了多次三在里添加样式，代码如下style；其实一般你将一张图片作为背景时，会默认为平铺，所以不需要刻意去设置，相反如果我们不想图片平铺那么这时就需要设置为norepeat这时图片就会按原来的尺寸显示2如果图片过小，那么图片平铺就会出现重复的地方，其实和把。

5、下面这段代码给div设置了一个宽度和高度，然后添加了一张背景图片，并使用了backgroundsizecover这个属性，就会自动放大或缩小背景图片来适应，但是需要指出的是这个属性在需要在IE9及以上版本支持，谷歌和火狐都支持，具体；设置以重复的方式填满页面以及是否平铺何种方式平铺backgroundrepeat norepeat默认repeat以重复显示图片的方式铺满页面norepeat不平铺仅一张图片不重复，以拉伸的方式填满页面backgroundsize cover。