css中怎么将图片设置大小

在CSS中，对图片进行大小设置是非常常见的，主要通过设置图片的宽度和高度来实现。使用CSS样式表，可以直接在HTML中编写样式来设置图片大小。 下面通过示例代码来展示各种不同的设置方式：

方式一：设置图片的宽度和高度

img {
    width: 200px;
    height: 200px;
}

方式二：设置图片的最大宽度和高度，防止图片失真

img {
    max-width: 100%;
    max-height: 100%;
}

方式三：只设定宽度或高度，高度或宽度会等比例缩放

img {
    width: 200px;
    height: auto;
}

方式四：使用对象fit属性，控制图片大小和裁剪方式

img {
    width: 200px;
    height:200px;
    object-fit: cover;
}

总结

通过CSS设置图片大小可以实现多种不同的效果，根据具体需求选择不同的设置方式，可以让网页设计更加美观和合理。