CSS中的background屬性可以設置元素的背景圖片，通常情況下背景圖片會被平鋪填充整個元素，但是有時候我們需要讓背景圖片不平鋪，那么該怎么做呢？

/* 簡單的示例 */
div {
background: url(bg.png) no-repeat;
}

在上面的代碼中，我們可以看到no-repeat這個關鍵字，它的作用就是告訴瀏覽器不要平鋪背景圖片。同樣的，我們也可以使用repeat-x和repeat-y來指定水平或垂直平鋪。

/* 指定水平平鋪 */
div {
background: url(bg.png) repeat-x;
}
/* 指定垂直平鋪 */
div {
background: url(bg.png) repeat-y;
}

此外，我們還可以使用background-size屬性來控制背景圖片的大小。

/* 指定背景圖片大小為400px*300px，不平鋪 */
div {
background: url(bg.png) no-repeat;
background-size: 400px 300px;
}

通過以上幾種方法，我們可以輕松地實現背景圖片不平鋪的效果。