CSS可以幫助我們設置網頁的背景圖片，而設置背景圖片的高度也是非常重要的。下面我們來詳細了解如何設置CSS背景圖片的高度。

body {
background-image: url("bg.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
}

上面是一個示例的CSS代碼，讓我們逐行分析。

第一行代碼指定了背景圖片的url，url包含了圖片的位置和文件名。

第二行代碼定義了背景圖片的尺寸，cover表示圖片會鋪滿整個背景，并保持比例。

第三行代碼定義了圖片的位置為中心。你還可以設置top、bottom、left和right等位置。

第四行代碼表示不重復顯示背景圖片。

最后一行代碼為背景圖片的高度，height的值可以是百分比、像素值或者其他單位。

使用CSS設置背景圖片的高度要考慮圖片的大小和網頁的大小比例，否則會導致圖片拉伸或縮小而變形。同時，也可以利用JS等其他技術來動態調整圖片的高度，從而達到更好的視覺效果。