CSS背景圖片的橫向鋪滿是很常見的需求，本文將介紹如何實現這樣的效果。

background-image: url('img/bg.jpg');
background-repeat: repeat-x;
background-size: cover;

以上代碼中，我們首先指定了背景圖片的路徑，然后使用了background-repeat: repeat-x;來讓圖片在水平方向上重復顯示。接著使用了background-size: cover;，這個屬性告訴瀏覽器要將背景圖片鋪滿整個區域。如果不設定這個屬性的話，在某些情況下，圖片并不能完全鋪滿整個區域。

接下來，我們把這些代碼放到一個類中，可以隨時使用：

.full-width-bg {
background-image: url('img/bg.jpg');
background-repeat: repeat-x;
background-size: cover;
}

在HTML中，我們只需要在需要使用這個效果的地方加上這個類即可：

<div class="full-width-bg">
<p>這里是需要添加背景圖片橫向鋪滿的內容</p>
</div>

以上就是實現CSS背景圖片橫向鋪滿的全部代碼，希望對大家有所幫助。