在網頁中，圖片是非常常見的元素。有時候我們希望改變圖片的大小，讓它更符合我們的設計要求，這時就需要使用CSS來設置圖片的高度和寬度。 要改變圖片的高度和寬度，我們需要使用CSS的height和width屬性。下面是示例代碼：

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

上述代碼中，我們將圖片的高度設置為200像素，寬度設置為300像素。這是一個十分簡單的CSS規則，只需將選擇器指向你要修改的圖片元素，再設置height和width屬性即可。 如果希望圖片在保持比例的情況下調整大小，我們可以只設置一個屬性，并將另一個屬性設置為“auto”。下面是示例代碼：

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

上述代碼中，我們將圖片的寬度設置為500像素，而高度設置為“auto”。這樣子，瀏覽器就會根據原圖片的比例自動計算出合適的高度，保證圖片不變形。 需要注意的是，如果圖片被包含在一個超鏈接中，我們需要同時修改a標簽和img標簽的大小，以免出現不一致的情況。示例代碼如下：

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

總之，通過調整height和width屬性，我們可以輕松地為圖片設置我們所需要的大小。