在html中插入整个页面的背景图

01

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

02

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

03

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

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

04

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

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式，将代码添加在<style></style>标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。

---