在網(wǎng)站設(shè)計(jì)中，布景拉伸是一種常用的技術(shù)之一。它能夠幫助我們快速、簡(jiǎn)便地將布景（背景）圖片拉伸至整個(gè)網(wǎng)頁(yè)大小。css布景拉伸主要通過(guò)background-size屬性來(lái)實(shí)現(xiàn)。

body {
background-image: url("bg.png");
background-repeat: no-repeat;
background-size: cover;
}

上述代碼中，background-image用于指定網(wǎng)頁(yè)的背景圖片，background-repeat則是設(shè)定圖片是否重復(fù)顯示，如果將其設(shè)定為no-repeat則表明圖片不應(yīng)重復(fù)顯示。而background-size屬性就是用來(lái)指定背景圖片縮放的尺寸的。在這里，我們將background-size設(shè)定為cover，則表明圖片應(yīng)當(dāng)保持高寬比例不變，填充滿整個(gè)網(wǎng)頁(yè)。如果網(wǎng)頁(yè)大小不與背景圖片大小相等，那么就會(huì)出現(xiàn)拉伸的效果，使背景圖片完美地鋪設(shè)在整個(gè)網(wǎng)頁(yè)上。

在實(shí)際使用中，我們還可以調(diào)整background-size屬性來(lái)獲得不同的拉伸效果。比如，將其設(shè)定為100%100%，則表明圖片應(yīng)當(dāng)以原始尺寸顯示。而設(shè)定為contain則表示圖片應(yīng)該按比例放大或縮小，以便在保證不失真的前提下，盡量顯示完整的圖片。這樣一來(lái)，我們不僅能夠更好地展示網(wǎng)頁(yè)界面的美觀性，還能在不增加額外的網(wǎng)頁(yè)負(fù)擔(dān)下，提高網(wǎng)站的訪問(wèn)速度和用戶體驗(yàn)。