CSS背景圖可以為網(wǎng)頁(yè)添加更豐富的視覺(jué)效果。當(dāng)在網(wǎng)頁(yè)中使用背景圖時(shí)，我們可以對(duì)其進(jìn)行大小、位置、重復(fù)等屬性的設(shè)置。在一般情況下，CSS背景圖是作用于某一個(gè)元素上的，在這個(gè)元素內(nèi)部創(chuàng)建背景。但是，我們也可以將CSS背景圖鋪滿整個(gè)父元素，創(chuàng)建一個(gè)類似于背景圖片的效果。

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

上面的示例代碼中，我們用parent作為父元素的類名。然后，在CSS中為該類添加了一張背景圖片，并設(shè)置了background-size和background-position屬性。background-size屬性被設(shè)置為cover，這意味著背景圖片會(huì)被拉伸，占滿整個(gè)容器。而background-position屬性被設(shè)置為center，這讓背景圖片始終保持在容器的中央位置。

這樣，無(wú)論是什么樣式的元素，只要它的父元素設(shè)置了背景圖，整個(gè)網(wǎng)頁(yè)就會(huì)被美麗的背景色所包圍。如果你想在網(wǎng)頁(yè)中嘗試不同的背景風(fēng)格，也可以輕松通過(guò)更改背景圖的地址來(lái)實(shí)現(xiàn)。