背景图片在网页设计中是非常常见的元素之一，能够为页面添加美观的背景。但是，如果使用了重复的背景图片，它会使页面看起来很单调。那么怎么样才能让背景图片不重复呢？在CSS中有几种方法可以做到。

body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}

上面这段CSS代码使用了三个属性来控制背景图片的布局。首先设置了背景图片的来源。然后使用了background-repeat: no-repeat;属性来指定背景图片不重复显示。最后使用了background-size: cover;属性来让背景图片充满整个页面。这个方法非常简单，只要设置了这三个属性，背景图片就不会重复显示了。

除此之外，我们还可以使用另一种方法让背景图片不重复显示，就是使用background-attachment: fixed;属性。这个属性会使背景图片固定在页面上，不随页面滚动而滚动。

body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}

这样设置之后就能让背景图片不重复显示了。如果想要让背景图片充满整个页面，可以同时使用background-size: cover;属性。

综上所述，使用CSS可以轻松实现背景图片不重复显示的效果。如果您希望页面看起来更加美观，则可以尝试使用不同的背景图片。