CSS实现网页背景图片自适应全屏
时间: 2024-02-27 14:55:20 浏览: 121
CSS实现网页背景图片自适应全屏的方法
5星 · 资源好评率100%
可以使用CSS的background-size属性来实现网页背景图片自适应全屏。将其设置为"cover"即可让背景图片自适应屏幕大小并填充满整个屏幕,代码如下:
```
body {
background-image: url("your-image-url");
background-size: cover;
}
```
如果想要让图片保持原始比例并占满屏幕,则可以将background-size属性设置为"100% auto",代码如下:
```
body {
background-image: url("your-image-url");
background-size: 100% auto;
}
```
阅读全文