html背景图片怎么设置大小

在HTML中设置背景图片的大小通常有两种方法：

1. **百分比宽度和高度**：
如果你想让背景图铺满整个容器并且保持宽高比，可以使用百分比单位，比如 `background-size: cover;` 这将填充整个元素，并保持图像不失真。如果只想指定宽度，可以只给宽度设值，如 `width: 100%; height: auto;`.

2. **固定尺寸**：
使用像素 (`px`) 或者 `em`、`rem` 等相对单位来设定具体的宽度和高度，例如 `background-size: 500px 300px;`，这会让图片保持特定大小。

3. **cover vs contain**：
`background-size: contain;` 会缩放图片使其适应容器的大小，保持内容可见；而 `background-size: cover;` 则会拉伸图片以填充满容器，可能会裁剪部分图像。

4. **重复模式**：
如果需要背景图片平铺，可以设置 `background-repeat: repeat-x/repeat-y/no-repeat;` 控制图片是否重复。

<div style="background-image: url('image.jpg');
          background-size: cover;
          width: 100%;
          height: 100vh;"> <!-- '100vh' 指的是视口高度 -->
</div>