CSS能夠輕松地調節圖片大小，可以讓網站的外觀更加美觀。下面是如何使用CSS調節圖片大小的方法。 首先，在HTML代碼中插入一個圖片，在img標簽中添加一個class名稱：

<img src="image.jpg" class="img-class" alt="圖片">

然后，在CSS樣式表中定義這個class的樣式，使用“width”和“height”屬性可以調節圖片大小。例如，如果希望將圖片大小設置為200像素×200像素，可以使用如下代碼：

.img-class {
width: 200px;
height: 200px;
}

如果只想調節寬度或高度，可以只設置其中一個屬性。例如，如果希望保持原始比例并且只調節寬度，可以只設置“width”屬性，如下所示：

.img-class {
width: 300px;
}

這樣做將把圖片的寬度調整為300像素，并且圖片的高度將按原始比例進行縮放。 值得注意的是，如果圖片已經按照一定比例調整大小，那么使用“width”和“height”屬性可以扭曲圖片的縱橫比例。所以，最好使用“max-width”和“max-height”屬性來調節圖片大小使其不會過分扭曲。例如：

.img-class {
max-width: 200px;
max-height: 200px;
}

這樣將使得圖片的寬度和高度都不會超過200像素，但是圖片的縱橫比例不會被扭曲。 總之，使用CSS調節圖片大小可以輕松地讓網站外觀更加美觀。在定義圖片樣式時使用“width”、“height”、“max-width”和“max-height”屬性可以輕松地調節圖片的大小和比例。