CSS中提供了多種方式實現圖片的水平平鋪。以下是其中的幾種方式：

background-repeat: repeat-x;

此屬性值設置為“repeat-x”表示水平重復平鋪。可以用此屬性為任何元素添加背景圖片。如下的代碼將在頁面頂部橫向平鋪一張山峰的圖片：

header {
background-image: url("mountain.jpg");
background-repeat: repeat-x;
}

background-size: cover;

此屬性值設置為“cover”表示將圖片縮放至與容器的寬度相等，并自動截取高度以保持比例。如下的代碼會將圖片縮放并平鋪至整個容器寬度：

section {
background-image: url("ocean.jpg");
background-size: cover;
}

background-size: contain;

設置屬性值為“contain”表示將圖片縮放到與容器的寬度或高度相等，以填充居中的最大矩形。如下的代碼會將圖片縮放并平鋪至整個容器寬度：

article {
background-image: url("skyline.jpg");
background-repeat: no-repeat;
background-size: contain;
}

以上是CSS中實現圖片水平平鋪的幾種方式。