在編寫網頁樣式時，經常需要使用背景圖來裝飾頁面。但是如果背景圖只使用一張小圖來平鋪，則會在大面積的情況下顯得非常不美觀。如果我們要讓背景圖不重復平鋪，可以使用CSS background-repeat屬性中的值no-repeat來實現。

background-repeat: no-repeat;

當no-repeat值設置為background-repeat屬性時，背景圖將只顯示一次，不會像默認情況下重復平鋪。為了讓背景圖完整地顯示在元素的背景上，我們還需要為background-position屬性指定一個值。該屬性用于控制背景圖位置，它的值可以是具體的像素值，也可以是相對于元素本身的百分比值。

background-position: center;

在此示例中，我們為元素的背景設置了一個不重復平鋪的背景圖，并讓圖像的位置位于元素的中央。這樣，我們就可以完美地實現了不重復平鋪的效果。