使用background-size屬性可以實現(xiàn)CSS背景的拉伸效果。默認情況下，CSS背景會平鋪在給定的元素中。如果我們不希望背景重復出現(xiàn)，可以將background-repeat屬性設(shè)為no-repeat。然而，這并不是我們想要的效果。我們希望背景能夠隨著元素的大小改變而拉伸，不重復平鋪在里面。

background-size: cover;

這里，我們將background-size屬性的值設(shè)為cover。這會讓背景自動縮放，來保證完全覆蓋給定元素的整個區(qū)域。這意味著，在拉伸背景圖片時，它可能會被裁剪。但是，這是可以接受的，因為它保證了背景圖片在它的整個區(qū)域內(nèi)寬高比例的不變。

background-size: contain;

如果我們不想讓背景圖片被裁剪，我們可以將background-size的值設(shè)為contain。這樣，圖片可以根據(jù)元素的大小進行縮放。如果圖片和元素的尺寸比例相同，那么圖片就不會被拉伸或裁剪。但是，如果圖片和元素的比例不同，那么就會留下一些空白的地方，以確保不會拉伸或裁剪圖片。

不論是cover還是contain，CSS背景拉伸都是非常有用的。這種技術(shù)可以用于創(chuàng)建漂亮的背景圖片，從而提高網(wǎng)站的外觀和感覺。它還可以幫助設(shè)計師更好的管理網(wǎng)站的空間，使背景圖片的尺寸更合適。