📅 最后修改于: 2023-12-03 15:24:11.772000 🧑 作者: Mango
在 HTML 中设置背景图像可以为网页增加更加丰富的视觉效果，提高用户体验。本篇文章将为您介绍设置背景图像的两种方式。
使用 CSS 设置背景图像可以使您更加灵活地控制背景图像的大小、位置、重复方式等属性，以下是示例代码：
body {
background-image: url("your-image-url.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
解析：
background-image 属性用来设置背景图像的 URL。background-size 属性用来设置背景图像的大小，cover 会压缩图像使其填满整个背景，并保持宽高比例，contain 则会确保整张图都可以完全的显示出来。您也可以使用具体的长度或百分比来设置。background-repeat 属性用来设置背景图像是否重复显示，no-repeat 表示不重复显示，repeat 表示重复显示。background-position 属性用来设置背景图像在容器中的位置，center center 表示居中显示。在 HTML 中直接设置背景图像也是一种方便快捷的方式，以下是示例代码：
<body background="your-image-url.jpg">
</body>
解析：
background 属性用来设置背景图像的 URL。但是这种方式比较麻烦，因为您无法设置背景图像的其他属性，如果需要进行更多的样式调整，建议使用 CSS。
以上就是设置背景图像的两种方式了，希望对您有所帮助。