新建一个html文档。
设置一下HTML的框架，然后把图片设置在同一个文件夹里面。
加入，这样可以有样式设置。
因为背景设置在主体，所以还要定义为body{}。
background-image:url(图片)，这个是添加图片的意思。
然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。
html网页设计里面平铺背景图片的代码如下：<html>
<body>
<div id="Layer1" style="position:absoluteleft:0pxtop:0pxwidth:100%height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的，可能有以下原因导致不能平铺：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img>；
3、body的background属性去掉，要不然会被遮住。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）