CSS中的背景圖是網(wǎng)頁設(shè)計(jì)必不可缺的一個(gè)元素，在設(shè)計(jì)中能夠提供更為豐富的視覺效果和框架裝點(diǎn)，關(guān)于CSS背景圖，一個(gè)非常實(shí)用的屬性是cover。

cover屬性可以幫助我們控制背景圖片的尺寸和位置，自動(dòng)適應(yīng)父元素的大小。它的定義是讓背景圖片自動(dòng)縮放，然后使背景圖片覆蓋整個(gè)元素。

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

在這個(gè)例子中，我們將class為bg的元素設(shè)置了一個(gè)背景圖片，并添加了cover屬性，此時(shí)背景圖片會(huì)自適應(yīng)div的尺寸，然后覆蓋整個(gè)元素。background-position設(shè)置了背景圖片的位置為中心點(diǎn)，使圖片在本例中居中。

總的來說，使用background-image的cover屬性能很好的控制圖片的尺寸和位置，達(dá)到美化頁面的效果。