CSS中的背景圖片通常是直接平鋪的，如果圖片比背景區域小，就會出現圖片重復的情況。但是有些時候我們希望圖片能夠在中間進行拉伸，使整個背景區域都被填充，并且不失真。這時候，就可以使用CSS3中的background-size屬性來實現。

background-size: contain;
background-position: center;
background-repeat: no-repeat;

以上這段CSS代碼就可以讓圖片在背景區域中間拉伸并居中顯示。其中，background-size屬性的值為contain表示將圖片縮放至適合背景區域的最大尺寸，保持寬高比例不變；background-position屬性的值為center表示將圖片的中心對齊背景區域的中心；background-repeat屬性的值為no-repeat表示不重復平鋪圖片。

如果還希望圖片能夠完整地顯示在背景區域中，并且盡可能地填滿背景區域，可以將background-size屬性的值改為cover：

background-size: cover;
background-position: center;
background-repeat: no-repeat;

這樣，圖片就會根據背景區域的大小進行拉伸，并且把背景區域完全覆蓋。

總之，background-size屬性可以讓我們更加靈活地控制背景圖片的顯示效果，使頁面更加美觀。