图片自适应覆盖整个div
要实现图片自适应覆盖整个 div,可以使用 CSS 的 background-image 属性,并将 background-size 设置为 cover。以下是一个示例代码:
HTML:
<div class="cover-image"></div>
CSS:
.cover-image {
width: 100%;
height: 100%;
background-image: url("your-image-url.jpg");
background-size: cover;
background-position: center;
}
在上面的代码中,我们创建了一个 div 元素,并为其添加了一个类名 .cover-image。然后,我们使用 CSS 的 background-image 属性将图片作为背景图像添加到 div 中。background-size 属性设置为 cover,这将确保背景图像自适应并覆盖整个 div。background-position 属性设置为 center,这将使背景图像在 div 中垂直和水平居中。
你只需要将 your-image-url.jpg 替换为你自己的图像 URL,就可以将图像自适应覆盖整个 div
原文地址: https://www.cveoy.top/t/topic/hTGX 著作权归作者所有。请勿转载和采集!