html中如何调整背景图片大小
时间: 2023-12-03 15:43:02 浏览: 1423
可以使用CSS中的background-size属性来调整背景图片的大小。具体的用法如下:
```css
body {
background-image: url("background.jpg");
background-size: cover; /* 设置背景图片以覆盖整个容器 */
}
```
其中,background-size属性有以下几个取值:
- cover:使背景图片等比缩放,以覆盖整个容器;
- contain:使背景图片等比缩放,以适应容器的大小;
- length:设置背景图片的宽度和高度;
- percentage:设置背景图片的宽度和高度,以容器的百分比为单位。
例如,要将背景图片的宽度设置为容器的50%,可以这样写:
```css
body {
background-image: url("background.jpg");
background-size: 50% auto; /* 设置背景图片宽度为50%,高度自适应 */
}
```
阅读全文