CSS中的背景图片通常默认是平铺的，但有时候，我们希望它不要平铺，而只显示一次。这篇文章就来讲一下CSS如何设置不平铺背景图片。 首先，在CSS中我们要设置背景图片的属性，如下所示：

p {
background-image: url("img/example.jpg");
}

这段代码设置了p标签的背景图片为“example.jpg”。默认情况下，这张图片会平铺，重复地显示在整个背景上。 为了让这张图片只显示一次，我们需要使用background-repeat属性。这个属性可以接受四个值：repeat（平铺，这是默认的）、repeat-x（只在水平方向平铺）、repeat-y（只在垂直方向平铺）和no-repeat（不平铺）。 我们可以把上面的代码改成下面这样：

p {
background-image: url("img/example.jpg");
background-repeat: no-repeat;
}

这样，这张图片就不会重复出现在背景中了。它只会显示一次，而且它所在的位置也由我们来决定。如果需要让它居中显示，可以再加上background-position属性，例如：

p {
background-image: url("img/example.jpg");
background-repeat: no-repeat;
background-position: center;
}

这样设置后，这张图片就会在p标签中居中显示，不会平铺，而且只会显示一次。 综上所述，想要在CSS中设置不平铺的背景图片，需要使用background-repeat属性，并将它的值设置为no-repeat。同时，我们可以使用background-position属性来调整它的位置。这些设置可以让我们更好地控制背景图片的显示效果。