在網頁設計過程中，背景圖片是一個非常重要的元素之一。使用CSS屬性給頁面設置背景圖片，可以為網頁增添一份美麗和藝術感。而在使用背景圖片時，我們一般需要設置它的重復方式，即是否平鋪。下面我們來了解一下CSS中如何實現上下平鋪。

在CSS中，通過 background-repeat 屬性來設置背景圖片的平鋪方式。這個屬性有四個可能的值：

background-repeat: repeat;           /* 默認值，背景圖片在 X 方向和 Y 方向都進行平鋪 */
background-repeat: repeat-x;         /* 只在 X 方向進行平鋪 */
background-repeat: repeat-y;         /* 只在 Y 方向進行平鋪 */
background-repeat: no-repeat;        /* 不進行平鋪 */

其中，我們可以使用repeat-y值來實現背景圖片在上下方向的平鋪。

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

在上面這個例子中，我們設置了bg.jpg作為頁面的背景圖片，并又通過repeat-y屬性值讓它在垂直（Y）方向不斷地平鋪。這樣設置后，我們的頁面就有了一個上下平鋪的背景圖片。

除了使用背景圖片，我們在頁面設計中還有很多其他的背景元素可以進行設置。如使用純色、漸變色甚至是靜態圖像等。只要掌握了 CSS 的基本語法和方法，我們可以輕松地實現各種各樣的網頁效果。