CSS3是現(xiàn)代網(wǎng)站設(shè)計(jì)的重要語言之一，它可以實(shí)現(xiàn)許多令人驚嘆的效果，包括圖片鋪滿。當(dāng)我們需要一張圖片充滿整個頁面或元素時，我們可以使用CSS3的background-size屬性。

background-size: cover;

這個屬性將讓圖片鋪滿整個背景，并且裁剪超出元素范圍的部分。但是，這可能導(dǎo)致壓縮或扭曲，特別是在大幅度拉伸或收縮的情況下。為了避免這個問題，我們可以使用background-size的另一個值:contain。

background-size: contain;

這將保持圖片的比例，并將其縮放以適合元素的大小。這個屬性將在保持圖片比例的同時，使得圖片充滿整個元素。這是一個非常有用的技巧，因?yàn)樗试S我們在不失真的情況下，將一張圖片放入HTML元素中。

此外，我們可以使用CSS3的background-repeat屬性來控制圖片是否平鋪。如果我們想讓圖片重復(fù)平鋪，則可以使用repeat屬性。如果我們想只鋪滿一次，則可以使用no-repeat屬性。

background-repeat: no-repeat;

總結(jié)而言，CSS3的background-size和background-repeat屬性使得實(shí)現(xiàn)圖片鋪滿更加簡單和容易。它們?yōu)楝F(xiàn)代網(wǎng)站提供了極好的設(shè)計(jì)效果和用法。