CSS中有一項常用的樣式是將背景圖片橫向平鋪，這在許多場景下都非常有用。

background-repeat: repeat-x;

我們可以在元素背景的樣式中加入這個屬性，比如：

.container {
background-image: url("bg.jpg");
background-repeat: repeat-x;
width: 100%;
height: 500px;
}

在上面的代碼中，我們給名為container的元素添加了一個背景圖片，并將其橫向平鋪，使其覆蓋整個元素的寬度，而圖片高度則被設置為500像素。

有時候我們可能只希望背景圖片在特定的區域內橫平鋪，這時候我們可以通過Box Model來實現。我們可以讓容器的padding值左右相等，然后設置元素的background-clip屬性：

.container {
background-image: url("bg.jpg");
background-repeat: repeat-x;
width: 80%;
height: 200px;
padding: 0 50px;
background-clip: content-box;
}

這樣，我們的背景圖片就只在元素內容區域內橫向平鋪。

另外，如果我們希望背景圖片不重復，只是平鋪到一定長度，可以給background-size屬性賦一個值，比如：

.container {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-size: 200px auto;
width: 100%;
height: 500px;
}

在這段代碼中，我們設置了背景圖片的大小，讓它只平鋪到200像素的長度，圖片高度則根據原圖自適應。如果圖片長度小于200像素，那就不會產生平鋪效果。