CSS背景圖片設置高度有許多種方法，這里將為大家介紹其中的幾種常用方法。

.example1{
height: 200px;
background-image: url('example.jpg');
background-size: cover;
}

以上代碼使用了height屬性設置了背景區域的高度，使用了background-image屬性設置了背景圖片，還使用了background-size屬性將背景圖片的大小設置為覆蓋整個背景區域。

.example2{
background-image: url('example.jpg');
background-size: 100% auto;
padding-top: 50%;
}

以上代碼使用padding-top屬性來設置背景區域的高度，使用了background-size屬性將背景圖片的寬度設置為100%（跟隨父元素寬度），高度設置為auto（自適應），從而保證了圖片的比例。padding-top屬性值設置為50%，代表padding-top的值為父元素寬度的一半，這樣就實現了高度的自適應。

.example3{
background-image: url('example.jpg');
background-size: 100%;
height: auto;
}

以上代碼跟第一個例子類似，使用了background-image和background-size屬性來設置背景圖片，但是height屬性被設置為auto，這樣就讓背景區域的高度隨著內容的增加而自適應。

以上是幾種常見的CSS背景圖片設置高度的方法，根據自己的需求來選擇其中之一即可。