CSS3中的background-size屬性為我們提供了一種在不平鋪背景圖片的同時(shí)能夠填滿整個(gè)背景的方式。這意味著，我們可以設(shè)置一張圖片作為背景，但是它不會(huì)隨著窗口大小的改變而重復(fù)出現(xiàn)。

background-image: url("example.jpg");
background-size: cover;
background-repeat: no-repeat;

在上面的示例中，我們使用了background-size: cover屬性，它會(huì)自動(dòng)縮放背景圖片以填滿整個(gè)背景。此外，background-repeat: no-repeat屬性確保了我們的背景圖片不會(huì)重復(fù)。

另一個(gè)有用的屬性是background-size: contain。此屬性會(huì)自動(dòng)縮放背景圖片，直到它可以適應(yīng)整個(gè)背景區(qū)域?yàn)橹埂＿@樣使得我們的圖片不會(huì)被拉伸或裁剪，并且同樣可以使用background-repeat: no-repeat屬性來(lái)防止圖片重復(fù)出現(xiàn)。

background-image: url("example.jpg");
background-size: contain;
background-repeat: no-repeat;

總的來(lái)說(shuō)，使用不平鋪的背景圖片可以為您的網(wǎng)站帶來(lái)一些美觀和視覺(jué)上的效果。只需要使用background-size屬性，并將其設(shè)置為cover或contain，就可以很容易地實(shí)現(xiàn)這一點(diǎn)。