网页设计中让一张图片填充满整个画面背景

方法一:

设置两层div，底层div当做背景使用，放置一张图片即可。
<div id="background" ><img src="1.jpg" width="100%" height="100%"/></div>

再将网页内容放置到第二层上<div id="content">页面内容</content>

方法二:

background属性有个background-size属性，可以设置背景图片所占div的比例，可以拉伸或收缩。

如果想在整个窗口显示背景图片，在body属性加上{background:url(); background-size:100% 100%;}

这时能看到，整个背景图片显示在窗口中，且随着你的放大缩小可以拉伸。

另外加上自己的box-sizing属性的补充：box-sizing只影响元素和其padding，跟背景颜色一样，背景颜色之在元素与其padding内显示。

转载于:https://www.cnblogs.com/Dearmyh/p/9642972.html