可能是因为 `background-image` 属性默认会平铺(repeat)背景图片,如果图片的尺寸小于页面的尺寸,就会出现多个重复的图片。你可以通过设置 `background-repeat` 属性来控制是否平铺背景图片,例如:
```css
body {
background-color: #f0f0f0;
background-image: url('luoli.jpg');
background-repeat: no-repeat; /* 不平铺 */
background-size: cover; /* 拉伸或缩放以适应容器 */
}
```
这样设置后,背景图片就不会被平铺,并且会自动拉伸或缩放以适应容器大小。如果你想要保持图片原始比例,可以使用 `contain` 值代替 `cover`。