css背景图片大小设置
时间: 2023-07-26 18:23:13 浏览: 79
可以使用CSS中的background-size属性来设置背景图片的大小,具体方法如下:
1.使用像素值设置背景图片大小:
```
background-size: 200px 100px;
```
2.使用百分比设置背景图片大小:
```
background-size: 50% 50%;
```
3.使用cover属性值,使背景图片等比例缩放以覆盖整个背景区域:
```
background-size: cover;
```
4.使用contain属性值,使背景图片等比例缩放以适应整个背景区域:
```
background-size: contain;
```
注意,如果只设置一个值,则另一个值将自动设置为auto,如下所示:
```
background-size: 200px auto;
```
阅读全文