css如何调图片大小

在网页设计中，经常会用到图片，图片的大小也是设计中极为重要的一部分。CSS提供了多种方法修改图片大小，下面将详细介绍。

＜img src="image.jpg" alt="example"width="100" height="100"＞
＜img src="image.jpg" alt="example"style="width:100px;height:100px;"＞

在HTML中，我们可以使用Image标签来插入图片。我们可以使用width属性和height属性来设定图片大小。

在CSS中，我们可以使用style属性和background-size属性来设定图片大小。

.example{
    width:100px;
    height:100px;
    background-image:url('image.jpg');
    background-size:cover;
}

如果你想要把图片作为背景，可以使用background-image属性。background-size属性则可以让图片沾满整个容器。

除此之外，还可以使用max-width属性和max-height属性来限制图片的最大大小。

.example{
    max-width:100px;
}

在以上代码中，如果图片原本大小超过100px，图片会自动缩小至100px。

综上所述，我们可以通过HTML的img标签和CSS的style属性、background-size属性、max-width属性、max-height属性等方式实现对图片大小的调整。