CSS是網頁設計中非常重要的一部分，它可以幫助我們美化網頁，其中設置圖片的高度也是我們經常需要用到的。接下來，本文將詳細介紹CSS如何設置圖片高度。 在CSS中設置圖片的高度非常簡單，只需要使用height屬性即可。我們可以通過下面幾個步驟來實現： 1.首先在HTML文檔中引用圖片，可以使用img標簽，代碼如下：

<img src="image.jpg" alt="這是一張圖片">

2.在CSS文件中使用height屬性來設置圖片的高度，代碼如下：

img {
height: 200px;
}

上述代碼將把圖片的高度設置為200像素，當然你可以根據自己的需要來設置圖片的高度。需要注意的是，如果只設置圖片的高度，而不設置寬度，圖片的寬度將會按比例自動縮放。 3.如果你想讓圖片適應其容器的大小，可以將height屬性設置為100%或auto，代碼如下：

img {
height: 100%;
}

或者

img {
height: auto;
}

上述代碼將自動調整圖片的高度，使其適應其容器的大小。 總之，CSS是網頁設計中必不可少的一部分，通過使用height屬性，我們可以輕松地設置圖片的高度，使其適應不同的需求。