CSS中，我們可以使用cover和contain兩個(gè)屬性來(lái)控制背景圖片的顯示模式。

首先，我們來(lái)了解cover屬性。該屬性可讓背景圖片無(wú)論在何種分辨率下，都撐滿整個(gè)容器，并保持圖片的寬高比。這一般用于需要圖片充滿背景的大塊內(nèi)容區(qū)域，比如網(wǎng)頁(yè)頭圖。

.bg{
background-image: url(image.jpg);
background-size: cover;
}

接著，我們來(lái)看contain屬性。該屬性可以讓背景圖片完全顯示在容器內(nèi)，并保持圖片的寬高比。如果容器不足以完全顯示圖片，則會(huì)留白。這一般用于需要圖片顯示完整的小塊內(nèi)容區(qū)域，比如卡片。

.bg{
background-image: url(image.jpg);
background-size: contain;
}

除此之外，我們還可以組合使用background-position屬性來(lái)調(diào)整圖片在容器中的位置，以達(dá)到更好的展示效果。

總之，通過(guò)合理使用cover和contain屬性，我們可以輕松創(chuàng)建出視覺(jué)效果出色的背景圖片，提高頁(yè)面的美觀程度。