📅 最后修改于: 2023-12-03 15:15:38.629000 🧑 作者: Mango
HTML中的<body>元素表示网页的主要内容，可以通过设置背景属性来美化网页。背景属性可以用于设置背景颜色、背景图片、背景尺寸等。
可以使用background-color属性设置网页的背景颜色。可以使用预定义的颜色名称，或者使用十六进制或RGB颜色值。
示例代码：
<body style="background-color: #f2f2f2;">
<!-- 网页内容 -->
</body>
可以使用background-image属性设置网页的背景图片。可以使用本地图片路径或者远程图片URL。
示例代码：
<body style="background-image: url('background.jpg');">
<!-- 网页内容 -->
</body>
可以使用background-size属性设置背景图片的尺寸，可以是具体的像素值或者关键词比如"cover"或"contain"。
示例代码：
<body style="background-image: url('background.jpg'); background-size: cover;">
<!-- 网页内容 -->
</body>
可以使用background-repeat属性设置背景图片的重复方式，可以是"repeat"、"repeat-x"、"repeat-y"或"no-repeat"。
示例代码：
<body style="background-image: url('background.jpg'); background-repeat: no-repeat;">
<!-- 网页内容 -->
</body>
可以使用background-position属性设置背景图片的起始位置。可以使用关键词（如"left"、"center"、"right"、"top"、"bottom"）或者具体的像素值。
示例代码：
<body style="background-image: url('background.jpg'); background-position: center;">
<!-- 网页内容 -->
</body>
可以使用background-attachment属性设置背景图片的滚动方式。可以是"scroll"（背景图片会随着内容滚动）或"fixed"（背景图片固定在窗口中，不随内容滚动）。
示例代码：
<body style="background-image: url('background.jpg'); background-attachment: fixed;">
<!-- 网页内容 -->
</body>
以上是一些常用的<body>背景属性，你可以根据需要组合使用它们来达到你想要的效果。请注意，这些属性也可以应用于其他HTML元素。