CSS背景圖是網(wǎng)頁設計中常使用的一種技巧，它可以讓網(wǎng)頁更豐富多彩。在網(wǎng)頁中使用背景圖像也是一種很好的方式，可以讓用戶更能感受到網(wǎng)頁的氛圍。而讓背景圖實現(xiàn)鋪滿平的效果，也是我們經常會遇到的問題。

// HTML代碼
<div class="container"></div>
// CSS代碼
.container {
background-image: url(背景圖像地址);
background-size: cover;
background-repeat: no-repeat;
}

以上是最簡單的鋪滿平背景圖的實現(xiàn)方式，我們可以看到，使用了CSS屬性background-size和background-repeat來實現(xiàn)該效果。

我們可以先來了解一下background-size屬性。這個屬性定義背景圖像的尺寸。我們可以給它一個長度值，如200px 50px來指定背景圖像的寬和高；也可以設置百分比，如50% 100%來指定背景的寬高占頁面寬高的比例；還可以使用cover和contain這兩個關鍵字。其中，cover會將背景圖像放大或縮小，直到完全覆蓋整個容器，而contain則會將背景圖像放大或縮小，直到完全適應整個容器。

接下來我們看background-repeat屬性。這個屬性定義背景圖像是否重復平鋪。如果我們設置為no-repeat，背景圖像就不會重復出現(xiàn)；如果設置為repeat-x，就會在水平方向上平鋪；如果設置為repeat-y，就會在豎直方向上平鋪。

綜合起來，我們就可以使用以上兩個屬性來實現(xiàn)鋪滿平的背景圖效果。同時也可以通過不同的值對網(wǎng)頁進行不同的排版設置，還能讓網(wǎng)頁更加絢麗多彩。