📅 最后修改于: 2023-12-03 14:41:59.260000 🧑 作者: Mango
在HTML中，可以通过设置body元素的样式来设置页面的背景图像。背景图像可以是固定的、循环滚动的或者动态的。
设置body元素的背景图像，可以使用background-image属性。下面是一个例子：
<body style="background-image: url('img/background.jpg');">
<!-- 页面内容 -->
</body>
在上面的例子中，url()函数指定背景图像的路径。
可以使用background-position属性来调整背景图像在body元素中的位置。下面是一个例子：
<body style="background-image: url('img/background.jpg'); background-position: center;">
<!-- 页面内容 -->
</body>
在上面的例子中，background-position属性被设置为center，这意味着背景图像将在body元素的中心位置。
可以使用background-repeat属性来设置背景图像的重复方式。默认情况下，背景图像会沿着x轴和y轴重复。
<body style="background-image: url('img/background.jpg'); background-repeat: no-repeat;">
<!-- 页面内容 -->
</body>
在上面的例子中，background-repeat属性被设置为no-repeat，这意味着背景图像不会被重复。
可以使用background-attachment属性来设置背景图像是否固定在视窗中。
<body style="background-image: url('img/background.jpg'); background-attachment: fixed;">
<!-- 页面内容 -->
</body>
在上面的例子中，background-attachment属性被设置为fixed，这意味着背景图像将固定在视窗中。
可以使用background-size属性来设置背景图像的大小。
<body style="background-image: url('img/background.jpg'); background-size: cover;">
<!-- 页面内容 -->
</body>
在上面的例子中，background-size属性被设置为cover，这意味着背景图像将会被拉伸或缩小以适应body元素的大小。
以上是设置HTML中的body背景图像的介绍。