在网页设计中，背景图片是提升视觉效果的重要元素之一。使用CSS可以轻松地控制背景图片的显示方式，比如让其重复平铺或设置特定的位置。下面我们就来探讨一下如何使用CSS实现这些功能吧！🔍

首先，让我们了解一下如何控制背景图片的平铺。通过`background-repeat`属性，你可以选择是否让背景图片在整个页面或某个元素内重复平铺。例如，如果你想让背景图片仅水平重复，可以使用`background-repeat: repeat-x;`；如果只想垂直重复，就用`background-repeat: repeat-y;`；若想完全禁用平铺，则设置为`background-repeat: no-repeat;`。🌈

接下来，我们来看看如何定位背景图片。利用`background-position`属性，你可以精确地控制背景图片在元素中的位置。例如，`background-position: center top;`会让背景图片居中且顶部对齐；而`background-position: 50% 50%;`则会将图片居中放置。🌍

最后，别忘了使用`background-attachment`属性来决定背景图片是否随着页面滚动。当设置为`scroll`时，背景图片会随页面滚动；设置为`fixed`时，图片则固定不动。💫

掌握这些基本的CSS技巧后，你就可以创造出令人惊叹的网页背景效果啦！🚀

CSS 网页设计 背景图片