CSS是一種用來美化網頁的樣式表語言，可以對網頁中的元素進行各種樣式設置，包括顏色、字體、邊框以及大小等方面。其中，圖片也是網頁中常見的元素之一，我們需要使用CSS來設置圖片的大小以達到更好的頁面布局以及視覺效果。

在CSS中，我們可以使用width和height屬性來設置圖片的寬度和高度。例如：

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

這段CSS代碼會將所有元素的寬度設置為200px，高度設置為150px。但是，有時候我們需要對圖片進行一些限制，比如圖片的最大寬度或高度，以保證圖片不會過度撐開頁面或變形。這時，我們可以使用max-width和max-height屬性來設置最大寬度和最大高度。例如：

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

這段CSS代碼會將所有元素的最大寬度設置為100%，最大高度設置為300px。其中，max-width屬性的值為100%，意味著圖片的最大寬度將隨著瀏覽器寬度的變化而變化，這可以確保圖片不會超出頁面范圍。

需要注意的是，CSS中的width和height屬性以及max-width和max-height屬性都是大小寫敏感的，因此我們需要正確地書寫它們，否則代碼可能無法正常工作。

除了以上提到的屬性外，我們還可以使用其他的CSS屬性對圖片進行樣式設置，包括邊框、背景等。通過靈活使用這些屬性，我們可以更好地美化網頁中的圖片，提升頁面的整體質量。