CSS中的background-size屬性可以用于控制背景圖片的大小，但是默認情況下拉伸背景圖片時會重復填充。

例如，下面的代碼中，背景圖片會被拉伸至覆蓋整個元素的背景，但是圖片會重復填充，導致背景出現了多個重復的花瓣。

div {
background-image: url('flower.jpg');
background-repeat: repeat;
background-size: 100% 100%;
}

為了實現拉伸圖片而不重復填充的效果，我們可以使用background-repeat屬性的值為no-repeat。

div {
background-image: url('flower.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}

這樣我們就可以實現拉伸圖片而不重復的背景效果了。除了使用100%作為background-size的值以外，我們還可以使用具體的像素數值來控制背景圖片的大小。

div {
background-image: url('flower.jpg');
background-repeat: no-repeat;
background-size: 800px 600px;
}

在使用具體像素數值時，我們需要注意保持圖片的寬高比，以避免拉伸后圖片變形。