CSS是網頁設計中不可或缺的一部分。通過CSS可以控制網頁的樣式、布局等方面。其中，控制圖片大小是CSS中常見的需求之一。在CSS中，通過控制img標簽的屬性來控制圖片的大小。

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

上述代碼是一個簡單的例子，指定img元素的寬度為200像素，高度為150像素。如果沒有設置height屬性，則高度將自動按圖片的寬高比例縮放。

除了使用像素作為單位外，CSS還支持使用百分比來控制圖片大小。下面是一個例子：

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

這個例子將img元素的寬度設置為父元素寬度的50%，高度自動按比例縮放。值得注意的是，如果沒有設置height屬性，圖片可能會變形。所以，我們需要設置height:auto，保證圖片可以正常顯示。

除了width和height屬性，CSS還支持其他相關屬性，比如max-width和max-height。這兩個屬性用于設置圖片的最大寬度和最大高度，可以避免出現圖片過大的情況。

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

這個例子將img元素的最大寬度設置為父元素寬度的100%，高度自動按比例縮放。

CSS控制圖片大小是網頁設計中常見的需求。掌握CSS的圖片大小控制技巧，可以讓我們在設計網頁時更加得心應手。