CSS是一種強大的樣式語言，它可以幫助我們控制HTML元素的外觀。其中一項非常重要的功能是設置圖片的寬度和高度。

圖片的大小是由其原始尺寸決定的。如果我們想調整它們在網頁中的顯示大小，可以使用width和height屬性來設置它們的寬度和高度。比如：

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

上述CSS代碼將設置所有的img標簽的寬度為200像素，高度為150像素。但是，這種方式可能會造成圖片失真或拉伸變形，而且也不是一個很好的做法。

一種更好的方式是只設置寬度或高度中的一個，而將另一個保持自動調整。這樣可以保證圖片的寬高比不會改變。比如：

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

上述代碼將設置所有的img標簽的寬度為200像素，而高度將自動調整，以保持圖片的寬高比。

除了使用像素值來指定圖片的寬度和高度外，我們還可以使用百分比。這樣可以更好地適應不同尺寸的屏幕。比如：

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

上述代碼將設置所有的img標簽的寬度為其父元素寬度的50%，而高度將自動調整。

總之，圖片的寬度和高度可以通過CSS來控制，我們可以根據實際需要選取最適合的方法。