html中插入背景图片的代码

HTML中插入背景图片可以让页面更加丰富多彩，为页面增添美观。下面我们介绍如何在HTML中插入背景图片的代码。 首先，我们需要在body标签中设置背景图片。代码如下：

body {
    background-image: url("图片的相对或绝对路径");
}

其中，background-image表示为背景图片，url中填写的是图片的路径。路径可以是相对路径或绝对路径，根据实际情况选择。 如果我们想要调整背景图片的位置，可以使用background-position属性。代码如下：

body {
    background-image: url("图片的相对或绝对路径");
    background-position: center; /* 图片居中 */
}

上述代码设置图片居中显示，也可以自行调整位置。 如果我们需要平铺整个页面，可以使用background-repeat属性。代码如下：

body {
    background-image: url("图片的相对或绝对路径");
    background-repeat: repeat; /* 图片平铺 */
}

其中，repeat表示图片平铺。 最后，如果我们需要固定背景图片不随页面滚动，可以使用background-attachment属性。代码如下：

body {
    background-image: url("图片的相对或绝对路径");
    background-attachment: fixed; /* 背景图片固定 */
}

以上就是在HTML中设置背景图片的代码。通过这些代码，我们可以实现丰富多彩的页面效果。