css图片背景大小怎么设置
时间: 2023-10-20 14:05:27 浏览: 82
CSS控制图片背景自适应大小
4星 · 用户满意度95%
你可以使用 CSS 的 background-size 属性来设置背景图片的大小。具体的语法如下:
```
background-size: width height;
```
其中,width 和 height 分别表示背景图片的宽度和高度,可以使用像素(px)、百分比(%)等单位进行设置。如果只设置一个值,则另一个值会按照图片的原始比例自动计算。
例如,设置背景图片的大小为 200 像素宽、100 像素高,可以这样写:
```
background-size: 200px 100px;
```
如果想让背景图片完全覆盖背景区域,可以将宽度和高度都设置为 100%:
```
background-size: 100% 100%;
```
如果想让背景图片自适应背景区域的宽度或高度,可以将其中一个值设为 auto:
```
background-size: auto 100%;
```
或者:
```
background-size: 100% auto;
```
阅读全文