css怎么让图片充满全图 |css3 正六边形边框

img {
width: 100%;
height: auto;
}

以上代码可以实现图片充满全图的效果。这是因为使用width:100%让图片宽度铺满整个容器，height:auto则保证图片的高度按照比例自适应，保持图片不被拉伸或压缩。

可以将以上代码用在img标签内部，或者在CSS外部添加同样的样式。

若图片显示比例不符合容器比例，大家可以添加object-fit属性来调整图片在容器内的显示。例如：

img {
width: 100%;
height: 400px;
object-fit: cover;
}

以上代码将图片的高度固定为400px，而object-fit:cover则让图片铺满容器，不留空白。如果想让图片全部显示，可以改为object-fit:contain。

除此之外，大家还可以使用背景图像的方式来实现。例如：

div {
background-image: url('image.jpg');
background-size: cover;
background-position: center;
height: 400px;
}

以上代码使用background-image属性添加背景图像，height属性指定容器高度，background-size:cover和background-position:center则让图片铺满容器，并居中显示。

通过以上代码，大家可以灵活地实现图片充满全图的效果，让网站更具美观性和专业感。