在網頁中，經常需要用到圖片來補充內容，而如何設置圖片的尺寸成了一個比較常見的問題。CSS可以用來設置圖片的尺寸和大小，接下來就來介紹一下具體的方法。 首先，在HTML中插入圖片時，最好為它指定一個ID或者Class，方便到CSS中進行操作。例如：

<img src="example.jpg" alt="example" id="exampleImg">

然后，在CSS中，可以通過設置圖片的width和height屬性來控制其尺寸，例如：

#exampleImg {
width: 300px;
height: 200px;
}

上述代碼中，將ID為exampleImg的圖片的寬度設置為300像素，高度設置為200像素。同時，也可以只設置其中一個屬性，比如只設置寬度：

#exampleImg {
width: 300px;
}

這樣就相當于只限制了圖片的寬度，高度則會隨著圖片寬度的等比例縮放而自動調整。 另外，如果希望圖片在超出指定尺寸后進行裁剪，可以加上overflow屬性，并將其值設置為hidden，例如：

#exampleImg {
width: 300px;
height: 200px;
overflow: hidden;
}

這樣設置后，圖片會被裁剪至指定的尺寸內，超出部分則不可見。 總結一下，通過設置CSS的width和height屬性，可以輕松地控制圖片的尺寸。同時，加上overflow屬性可以實現圖片的裁剪效果。