在網(wǎng)頁設計過程中，CSS樣式的設置是非常重要的。我們可以通過CSS來定義頁面的顏色、字體、布局等方面。今天我們要講的是如何設置CSS樣式不平鋪。

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

以上是一個簡單的例子，通過設置background-repeat屬性為no-repeat，即可讓背景圖片不平鋪。這樣設置后，無論瀏覽器窗口大小如何變化，圖片都只會出現(xiàn)一次，不會重復出現(xiàn)的情況。另外，通過設置background-size屬性為cover，可以讓背景圖片鋪滿整個屏幕。

除了上述例子中的背景圖片設置外，CSS樣式設置不平鋪也可以用于其他的元素上，例如文本框、按鈕等。我們可以通過設置background-repeat屬性來實現(xiàn)這個效果。

input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
background-image: url("searchicon.png");
background-repeat: no-repeat;
background-position: 10px 10px;
padding-left: 40px;
}

上述代碼中，我們通過設置background-repeat屬性為no-repeat，讓搜索框背景圖片不平鋪，同時設置了background-position屬性來調(diào)整背景圖片的位置，使其在搜索框內(nèi)居中。這樣即可實現(xiàn)一個不重復平鋪的搜索框。

總之，在CSS樣式設置中，如果需要讓元素的背景圖片或圖案不平鋪，我們可以通過設置background-repeat屬性來實現(xiàn)。同時，還可以通過設置background-position、background-size等屬性來進一步調(diào)整背景圖片的顯示效果。