css背景图片全屏铺满自适应
时间: 2023-06-21 18:10:17 浏览: 102
CSS 实现高度自适应铺满整屏的实现
可以使用CSS的background-size属性来实现背景图片全屏铺满自适应。具体如下:
1. 先设置背景图片的样式,例如:
```css
body {
background-image: urlexample.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover}
```
2. 在background-size中设置cover,表示让背景图片完全覆盖整个容器,并按比例缩放以适应容器大小。
3. 如果需要让背景图片铺满整个页面,可以将body元素的高度设置为100%:
```css
body {
height: 100%;
}
```
这样就可以让背景图片全屏铺满,并自适应容器大小了。
阅读全文