html全屏背景图代码

HTML全屏背景图是网页设计中常见的一个元素，它给网页增加了美观度和视觉效果。在HTML中实现全屏背景图非常简单，只需要添加一些CSS样式即可。 首先，我们需要在HTML文档中添加一个div标签，用于显示背景图。这个div标签要设为全屏，即宽度和高度都为100%。代码如下：

    
        <div class="bg-img"></div>
    

接下来，我们需要使用CSS来设置背景图。在CSS文件或样式标签中添加以下代码：

    
        .bg-img{
            background-image: url("bg.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            width: 100vw;
            height: 100vh;
        }
    

其中，background-image属性用于指定背景图的路径，background-repeat属性用于指定背景图不重复，background-size属性用于指定背景图填满整个div标签，width和height分别指定div标签的宽度和高度均为100vw和100vh，即当前窗口的宽度和高度。 通过以上代码，我们即可实现全屏背景图的效果。这种方式简单易懂、适配性强，是制作网页时经常使用的方法。