1、打开vscode，创建一个html的测试页面，在测试页面的同级目录添加一张背景图片
2、在测试页面中，添加一些测试文字内容，由于仅仅只做演示，所以，并没有添加样式
3、在浏览器中打开测试页面，就可以看到运行的效果
4、在body标签上面的style属性，添加background-image样式，设置背景图地址指向第一步添加的演示背景图片
5、在浏览器中再次打开测试页面，就可以看到页面有了背景图。只不过这个时候的背景图会重叠占据空间，并不会使用一张图片铺满整个浏览器窗口
6、另外一种写法，就是不写到body标签中，独立出去做成css样式，同样的设置body背景图的地址，指向第一步添加的演示背景图片。这个时候，添加多一些样式，让图片拉伸铺满整个浏览器窗口。
background-size: 100% 100%; 设置背景图片填满body标签
background-repeat: no-repeat; 设置背景图片拉伸，而不是重复占满空间
html{height: 100%;} 这是整个页面，占满浏览器当前窗口
7、在浏览器中打开测试页面，看到运行效果，整个body充满了背景图
