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

来自百度https://www.baidu.com/的优秀用户「孤单の音符」，于2018.03.18 18:00:56在经验百科知识平台总结分享了一篇关于“在html中插入整个页面的背景图英达”的百科，非常感谢Array的辛苦付出，他总结的解决技巧方法及常用办法如下：

操作方法

• 01

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

  
• 02

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

  
• 03

  然后定义这个bg的样式规则，主要就是添加background-image样式，就是添加背景图。
  background-repeat是让背景图铺满整个页面。

  
• 04

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