CSS是一種網頁制作中的樣式表語言，可以讓我們對網頁中的元素進行各種各樣的樣式設置。其中，常常用到的就是對圖片大小的設置。下面就讓我們來看看CSS中如何設置圖片的大小。

img{
width: 500px;
height: 300px;
}

上述代碼中，img代表圖片元素，width代表寬度，height代表高度。通過給img設置width和height屬性，就可以控制圖片的大小。

當然，我們也可以只給圖片設置其中一個屬性，比如只設置寬度，高度會自動按比例縮放。

img{
width: 500px;
/* height will be automatically adjusted based on the aspect ratio */
}

另外，我們也可以將圖片的大小設置為百分比或者是視窗單位，這樣圖片的大小就可以隨屏幕的大小自適應。

img{
width: 50%;
/* the width of this image will take up half of the parent element's width */
}
img{
width: 40vw;
/* the width of this image will be 40% of the viewport's width */
}

總之，通過CSS的設置，我們可以輕松地控制圖片的大小，以滿足不同的網頁布局需求。