CSS中背景平鋪是相當常見的一種技術。在實際使用中，我們可以通過控制平鋪模式來使背景圖案更符合實際需求。本文將介紹CSS背景平鋪的三種模式：

1. repeat模式

background-repeat: repeat;

repeat模式是默認模式，表示背景圖案以水平和豎直方向不斷重復。這種模式的代碼表示方式也最為簡單，直接設置background-repeat為repeat即可。

2. repeat-x模式

background-repeat: repeat-x;

repeat-x模式表示背景圖案在水平方向上不斷重復，而在豎直方向上只使用一次。這種模式的效果相較于默認的repeat模式稍微有所不同，一般在需要水平平鋪而豎直方向上只使用一次的情況下使用。代碼設置方式為設置background-repeat為repeat-x。

3. repeat-y模式

background-repeat: repeat-y;

repeat-y模式表示背景圖案在豎直方向上不斷重復，而在水平方向上只使用一次。與repeat-x模式類似，一般在需要豎直平鋪而水平方向上只使用一次的情況下使用。代碼設置方式為設置background-repeat為repeat-y。

以上便是CSS背景平鋪的三種模式。在實際應用中，可以根據需求選擇不同的模式來達到最好的效果。同時，通過這些模式的了解，可以讓前端工程師們更加熟練地使用CSS技術，進而編寫出更加出色的頁面效果。