CSS是網頁設計中不可或缺的一部分，它可以通過設置樣式來美化頁面。其中一個重要的功能是設置圖片的寬高。

首先，我們需要使用CSS選擇器選中需要設置寬高的圖片。可以使用標簽選擇器、類選擇器或ID選擇器，例如：

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

上面的代碼使用了標簽選擇器，將頁面中所有的img標簽的寬度設置為300像素，高度設置為200像素。

如果希望只設置某一個特定的圖片寬高，可以使用類選擇器或ID選擇器：

.img-class {
width: 400px;
height: 300px;
}
#img-id {
width: 500px;
height: 400px;
}

上面的代碼分別使用了類選擇器和ID選擇器，分別將class為img-class和ID為img-id的圖片的寬度和高度設置為不同的像素值。

當圖片的寬高比和CSS設置的寬高比不一致時，圖片可能會被拉伸或壓縮。為了避免這種情況，可以使用一種特殊的值——auto。將寬度或高度設置為auto時，圖片會按照原始比例進行縮放：

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

上面的代碼將圖片的寬度設置為300像素，將高度設置為自適應。

CSS還提供了一些其他的設置圖片寬高的方法，比如使用百分比、使用max-width、min-height等等。根據(jù)具體的需求，選擇適合的方法即可。