在Web開發(fā)中，圖片是非常常見的元素，而CSS是我們控制網(wǎng)頁樣式的主要工具之一。那么如何利用CSS來控制圖片的高度呢？

img{
height: 200px;
}

上述代碼中，我們使用了CSS的height屬性來設(shè)置圖片的高度為200像素。需要注意的是，這里只設(shè)置了高度，寬度并沒有進(jìn)行設(shè)置，因此寬度會自動根據(jù)原始比例進(jìn)行調(diào)整。

如果我們希望圖片在保持原始比例的情況下，已知高度和寬度的其中一項(xiàng)，可以使用如下代碼：

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

上述代碼中，我們設(shè)置了圖片的高度為200像素，并且將寬度設(shè)置為自適應(yīng)，這樣就可以保證圖片顯示時(shí)不會變形。

除了使用CSS來控制圖片的高度外，還可以使用HTML標(biāo)簽的屬性來指定圖片的大小。例如：

<img src="example.jpg" height="200" />

上述代碼中，我們在img標(biāo)簽中設(shè)置了height屬性為200像素，這樣圖片渲染時(shí)就會以該高度進(jìn)行顯示。需要注意的是，如果同時(shí)設(shè)置了CSS和HTML屬性，最終效果將由CSS屬性決定。

總的來說，通過CSS可以非常方便地控制圖片的高度，需要注意的是在設(shè)置時(shí)保持圖片原始比例和避免出現(xiàn)變形。