CSS可以通過background-repeat屬性來設置圖片的平鋪方式。background-repeat有幾個可選值，包括默認的repeat，repeat-x，repeat-y，和no-repeat。下面我們來逐個介紹這些值。
首先，repeat是默認值，表示圖片會在水平方向和垂直方向上平鋪，填滿整個容器。例如：

.container {
background-image: url("image.jpg");
background-repeat: repeat;
}

在上面的例子中，image.jpg會在容器中平鋪，填滿整個容器。
其次，repeat-x表示圖片只在水平方向上平鋪，垂直方向上不平鋪。例如：

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

在上面的例子中，image.jpg只會在容器的水平方向上平鋪，垂直方向上不平鋪。
再次，repeat-y表示圖片只在垂直方向上平鋪，水平方向上不平鋪。例如：

.container {
background-image: url("image.jpg");
background-repeat: repeat-y;
}

在上面的例子中，image.jpg只會在容器的垂直方向上平鋪，水平方向上不平鋪。
最后，no-repeat表示圖片不會進行平鋪，只會顯示一次。例如：

.container {
background-image: url("image.jpg");
background-repeat: no-repeat;
}

在上面的例子中，image.jpg只會顯示一次，不會進行平鋪。
通過這些可選值，我們可以輕松地設置圖片的平鋪方式，讓頁面達到更好的視覺效果。