CSS中的background屬性可以讓我們設置一個元素的背景顏色，而background-image屬性可以設置元素的背景圖片。不過當設置的圖片并沒有填滿整個元素時，一般會出現圖片不斷重復的情況，這種情況常常不太美觀。這時候，我們可以通過CSS的background-repeat屬性來控制圖片如何重復展示。

在background-repeat屬性中，我們可以設置有四個不同的值。分別是：repeat、repeat-x、repeat-y 和 no-repeat。repeat的作用是讓圖片在水平方向和豎直方向上不斷重復。repeat-x的作用是只在水平方向上重復。repeat-y的作用則是只在豎直方向上重復。而no-repeat則是讓圖片不重復展示。

/* 圖片在水平方向和豎直方向上重復展示 */
background-repeat: repeat; 
/* 圖片只在水平方向上重復展示 */
background-repeat: repeat-x; 
/* 圖片只在豎直方向上重復展示 */
background-repeat: repeat-y; 
/* 圖片不重復展示 */
background-repeat: no-repeat;

除了上面提到的四個值之外，還有一個值 background-size: cover;。這個值會讓圖片會自適應元素的大小縮放，這樣可以讓圖片填滿整個元素，實現垂直平鋪效果。如果想要讓圖片保持原來的比例，可以使用background-size: contain;。

/* 圖片自適應元素大小 */
background-size: cover;
/* 圖片保持比例自適應元素大小 */
background-size: contain;

可以使用CSS的background-position屬性來控制圖片的位置。這個屬性可以接受兩個值：第一個值是橫向位置，第二個值是縱向位置，都可以使用像素、百分比、關鍵字等進行設置。

/* 圖片橫向位置：50% 縱向位置：0 */
background-position: 50% 0;
/* 圖片橫向位置：0 縱向位置：bottom */
background-position: 0 bottom;

使用這些屬性，我們就可以方便地進行垂直平鋪的操作了。可以根據實際需要進行不同的調整，以達到更好的視覺效果。