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属性可以让我们更加灵活地控制背景图片的显示效果，使页面更加美观。