在CSS中，我們可以使用background-color屬性為元素設(shè)置背景顏色，但如果我們想要設(shè)置背景圖呢？這時候background-image就會派上用場。

background-image可以為元素設(shè)置圖片作為背景。但是如果元素沒有高度，背景圖片是不會顯示的。這是因為元素沒有高度就相當(dāng)于沒有“容器”，背景圖片沒有“容器”無法顯示。

那么如何讓元素有高度呢？常用的方法是為元素設(shè)置一個高度值或者使用一些特殊屬性或技巧。

/* 為元素設(shè)置高度 */
.element {
height: 500px;
background-image: url(example.jpg);
}
/* 使用偽元素設(shè)置高度 */
.element::before {
content: "";
display: block;
height: 500px;
background-image: url(example.jpg);
}
/* 使用padding撐開元素 */
.element {
padding-bottom: 50%;
background-image: url(example.jpg);
}
/* 使用Flex布局 */
.parent {
display: flex;
}
.child {
flex: 1;
background-image: url(example.jpg);
}

以上是一些常見的讓元素有高度的方法。使用哪種方法取決于布局和需求。嘗試不同的方法，選擇最合適的方法為元素添加背景圖吧！