CSS是前端開發(fā)中必不可少的一部分，它可以實現(xiàn)各種酷炫的效果。其中，圖片水平平鋪是一種比較常見的效果，讓我們來學習一下這個效果的實現(xiàn)方法吧。

body {
background-image: url(bg.jpg);
background-size: auto;
background-repeat: repeat-x;
}

以上就是實現(xiàn)圖片水平平鋪的CSS代碼。通過設置background-image為想要平鋪的圖片地址，然后把background-size設置為auto，background-repeat設置為repeat-x即可。

其中，background-size有以下幾個屬性值：

• auto：圖片自適應大小
• px: 設定具體大小
• cover：保持圖片比例縮放圖片以全覆蓋容器
• contain：保持圖片比例縮放圖片以完整顯示在容器內(nèi)

而background-repeat有以下幾個屬性值：

• repeat：將圖片在垂直和水平方向均分平鋪
• repeat-x：將圖片在水平方向平鋪
• repeat-y：將圖片在垂直方向平鋪
• no-repeat：圖片不平鋪

總結一下，想要實現(xiàn)圖片水平平鋪，只需要設置background-size為auto，background-repeat為repeat-x即可。