在網站設計中，布景拉伸是一種常用的技術之一。它能夠幫助我們快速、簡便地將布景（背景）圖片拉伸至整個網頁大小。css布景拉伸主要通過background-size屬性來實現。

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

上述代碼中，background-image用于指定網頁的背景圖片，background-repeat則是設定圖片是否重復顯示，如果將其設定為no-repeat則表明圖片不應重復顯示。而background-size屬性就是用來指定背景圖片縮放的尺寸的。在這里，我們將background-size設定為cover，則表明圖片應當保持高寬比例不變，填充滿整個網頁。如果網頁大小不與背景圖片大小相等，那么就會出現拉伸的效果，使背景圖片完美地鋪設在整個網頁上。

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