background-image图片适应div
时间: 2023-06-30 18:25:24 浏览: 86
css背景图片自适应.
要让 background-image 图片适应 div 元素,可以使用 background-size 属性。将 background-size 设置为 cover,可以让图片完全覆盖 div 元素,但可能会导致图片被拉伸或裁剪。另一种方法是将 background-size 设置为 contain,这样可以让图片适应 div 元素的大小,但可能会在 div 元素周围留有空白。具体实现方法如下:
```
div {
background-image: url('your-image-url');
background-size: cover; /* 或者 contain */
background-position: center;
background-repeat: no-repeat;
}
```
阅读全文