覆盖整个页面也就需要图片占据整个屏幕或者占据整个html元素; 在css3出来之后,有一个属性background-size; 这个属性可以给背景图片设置大小,当值为100% 100%的时候也就是说把图片宽高都设置成百分百,然后元素有多大,图片就会伸展多大,也就是说的整个页面

4、在浏览器中打开此html文件,可以看到最终想要实现的背景图片效果。
background-color:这个是背景属性,它的值有三种:一个是颜色的英语名称(例如:background-color:red;)第二种是颜色的rgb值(例如:background-color:rgb(255.0.0);)第三种是十六进制表示(background-color:#ff0000;) 希望可以帮到你。
4、保存html代码,使用浏览器打开,这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面,在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器,这个时候会发现浏览器上的背景图片已经自动居中了。