html中如何使背景图铺满整个网页？

您好!很高兴为您解答问题,以下是我为您提供的解答内容：

新建一个html文档。

设置一下HTML的框架，然后把图片设置在同一个文件夹里面。

加入，这样可以有样式设置。

因为背景设置在主体，所以还要定义为body{}。

background-image:url(图片)，这个是添加图片的意思。

然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。

01

先做一个简单的HTML页面，页面里只有一个div和一段文字。

02

要添加整个页面的背景图片，我们就只能把背景加到body标签里了，所以我们在body里添加一个样式，叫‘bg’

03

然后定义这个bg的样式规则，主要就是添加background-image样式，就是添加背景图。

background-repeat是让背景图铺满整个页面。

04

看下页面的效果，可以看到现在整个页面都铺满了蝴蝶这张图片了。为了更好的效果，大家可以更换一张更好看的背景图。

---