在網頁設計中，經常需要使用圖片來豐富網頁的內容和美觀度。在使用 CSS 設計網頁時，我們可以通過指定圖片的高度來達到更好的視覺效果。本文將介紹如何使用 CSS 指定圖片的高度。
在 HTML 網頁中，使用
![]()
height屬性，圖片將按照原始比例顯示，導致頁面排版混亂，不美觀。如果要設置圖片的高度，可以通過 CSS 來實現。
CSS 的height屬性可以對元素的高度進行設置。對于圖片，可以使用height屬性來指定圖片的高度，如下所示：html <p>這是一張圖片：</p> <pre> <img src='img.jpg' style='height:200px;'>
這是另一張圖片：
<img src='img2.jpg' style='height:300px;'>在上述代碼中，我們使用
style屬性在圖片的標簽中指定了height屬性，并分別設置了圖片的高度為 200 像素和 300 像素。該屬性值可以設置像素值、百分比值、em 值等。
另外，可以使用 CSS 選擇器來指定某一類圖片的高度，而不是單獨設置每張圖片的高度。例如，下面的 CSS 代碼會將類名為image的所有圖片的高度設置為 200 像素：html
<style>
img.image {
height: 200px;
}
</style>在 HTML 中，對應的代碼如下：html <p>這是一個類名為 image 的圖片：</p> <pre> <img src='img3.jpg' class='image'>總結一下，CSS 可以用來指定圖片的高度，通過設置
height屬性來實現。可以針對每張圖片單獨設置高度，也可以通過 CSS 選擇器來指定一類圖片的高度。在實際網頁設計中，我們應該靈活運用這一技巧，使網頁更加美觀、整潔。