CSS背景圖片平鋪不重復是網頁設計中常見的需求之一。CSS提供了background-repeat屬性，用于控制背景圖片的重復方式，包括重復平鋪、水平平鋪、垂直平鋪以及不重復顯示。

其中，background-repeat屬性值的設置方式如下：

background-repeat: repeat;      /* 默認值，重復平鋪 */
background-repeat: repeat-x;    /* 水平平鋪 */
background-repeat: repeat-y;    /* 垂直平鋪 */
background-repeat: no-repeat;   /* 不重復顯示 */

以上代碼可用于設置網頁元素的背景圖片重復方式。如果希望在平鋪時不出現圖片重復，需要通過background-size屬性來控制背景圖片的尺寸。以下是代碼示例：

div {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: cover;
}

上述代碼中，我們設置了一個div元素的背景圖片為bg.jpg，并指定了不重復顯示。通過background-size屬性使用cover值，可以自動拉伸圖片以完全覆蓋元素，這樣在平鋪時就不會出現圖片重復的情況。

需要注意的是，使用background-size屬性可能會導致圖片變形，需要謹慎選擇合適的尺寸值。如果希望圖片保持原有比例并完整顯示，可以使用contain值，如下所示：

div {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: contain;
}

如果希望精確控制背景圖片的平鋪方式，可以使用background-position屬性來指定背景圖片的定位。

CSS的背景圖片平鋪不重復功能是網頁設計中非常實用的技巧，可以幫助開發者打造更加美觀和有吸引力的網頁設計，同時提升用戶體驗和使用體驗。