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屬性來調整它的位置。這些設置可以讓我們更好地控制背景圖片的顯示效果。