CSS 樣式中的平鋪效果指的是將某個背景圖像或顏色沿著元素的寬度和高度重復顯示。這一功能非常常用，也很容易實現。下面我們來看看 CSS 樣式中如何實現平鋪。
在 CSS 樣式中，我們可以使用“background-repeat”屬性來控制背景圖像或顏色的重復方式。其中，“background-repeat”有以下幾個值可供選擇：
1. repeat：默認值，表示在水平和垂直方向上重復顯示圖像或顏色
2. no-repeat：表示不重復顯示圖像或顏色
3. repeat-x：表示在水平方向上重復顯示圖像或顏色
4. repeat-y：表示在垂直方向上重復顯示圖像或顏色
例如，以下代碼將設置背景圖像為“bg.png”，并且將其在水平和垂直方向上重復顯示：

p {
background-image: url("bg.png");
background-repeat: repeat;
}

又例如，以下代碼將設置背景顏色為紅色，同時在水平方向上重復顯示：

p {
background-color: red;
background-repeat: repeat-x;
}

另外，我們還可以使用“background-size”屬性來控制背景圖像的尺寸。這個屬性有以下幾個值可供選擇：
1. auto：默認值，表示保持圖像自身尺寸
2. cover：表示將圖像縮放至元素的尺寸，保持寬高比不變，可能會出現裁切的情況
3. contain：表示將圖像縮放至元素的尺寸內，保持寬高比不變，不會出現裁切的情況
例如，以下代碼將設置背景圖像為“bg.png”，并且將其在水平和垂直方向上重復顯示，同時將其縮放至元素的尺寸內：

p {
background-image: url("bg.png");
background-repeat: repeat;
background-size: contain;
}

綜上所述，CSS 樣式中的平鋪效果非常常用，通過使用“background-repeat”和“background-size”屬性，我們可以輕松地控制背景圖像或顏色的重復方式和尺寸。