CSS的背景平鋪（background-repeat）屬性是一項非常有用的功能，可以讓您重復(fù)鋪設(shè)背景圖像。但是，有些情況下需要實現(xiàn)垂直方向的平鋪效果。那么，如何在CSS中實現(xiàn)圖片的垂直平鋪呢？

首先，我們需要選擇一張與我們網(wǎng)頁主題相關(guān)的背景圖片。在本例中，我們將使用一張藍(lán)色背景圖片：

body {
background-image: url("blue-background.png");
}

然后，我們需要將背景圖片的重復(fù)方式改為“垂直平鋪”（repeat-y）：

body {
background-image: url("blue-background.png");
background-repeat: repeat-y;
}

這樣，我們就可以看到圖片在垂直方向上平鋪了：

如果您需要在水平方向上進(jìn)行平鋪，只需將“repeat-y”改為“repeat-x”：

body {
background-image: url("blue-background.png");
background-repeat: repeat-x;
}

此外，還可以使用“no-repeat”來讓圖片只顯示一次。這在創(chuàng)建特定的頁面效果時非常有用：

body {
background-image: url("blue-background.png");
background-repeat: no-repeat;
}

如果您希望圖片始終保持在頁面的底部，可以使用“bottom”和“center”屬性：

body {
background-image: url("blue-background.png");
background-repeat: no-repeat;
background-position: bottom center;
}

通過這些簡單的CSS屬性，您可以輕松地實現(xiàn)垂直方向的背景平鋪效果。