如何纯CSS实现HTML全屏背景图

如何纯CSS实现HTML全屏背景图

下面将给大家介绍全屏背景图如何实现，如下图效果

在电脑桌面新建一个文件夹，并准备好背景图片

然后在文件夹里面新增一个Demo.txt文件

在txt里面写入html基本结构标签

可以body里面写几个文字，然后把demo.txt后缀改成demo.html，直接双击运行，效果如下

然后右键Demo.html，选编辑

给body加入背景图和高度，html的高度也得加上，核心代码是background: url(bg.jpg) no-repeat;background-size: 100% 100%;

效果图，发现两边出滚动条了

这是因为标签默认自带的间距引起的，加个去所有标签默认间距代码完美解决：* {margin:0px;padding:0px;}

最终效果图