在网页设计过程中，CSS样式的设置是非常重要的。我们可以通过CSS来定义页面的颜色、字体、布局等方面。今天我们要讲的是如何设置CSS样式不平铺。

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

以上是一个简单的例子，通过设置background-repeat属性为no-repeat，即可让背景图片不平铺。这样设置后，无论浏览器窗口大小如何变化，图片都只会出现一次，不会重复出现的情况。另外，通过设置background-size属性为cover，可以让背景图片铺满整个屏幕。

除了上述例子中的背景图片设置外，CSS样式设置不平铺也可以用于其他的元素上，例如文本框、按钮等。我们可以通过设置background-repeat属性来实现这个效果。

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属性来调整背景图片的位置，使其在搜索框内居中。这样即可实现一个不重复平铺的搜索框。

总之，在CSS样式设置中，如果需要让元素的背景图片或图案不平铺，我们可以通过设置background-repeat属性来实现。同时，还可以通过设置background-position、background-size等属性来进一步调整背景图片的显示效果。