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

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

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

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

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

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

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