CSS的背景屬性是網(wǎng)頁設(shè)計中非常關(guān)鍵的一部分，起到了美化頁面的作用。其中，背景縱向填充對于網(wǎng)頁的排版非常重要。CSS提供了很多的背景縱向填充的方法，下面我們來一一介紹。

/* 方式一：使用height屬性*/
div{
background-color: gray;
height: 200px;
}

使用height屬性可以直接指定元素的高度，背景顏色將被填充至指定高度的整塊區(qū)域。

/* 方式二：使用padding屬性*/
div{
background-color: gray;
padding: 50px;
}

使用padding屬性在元素內(nèi)部設(shè)置填充，可以使背景顏色延伸至填充區(qū)域。但需要注意，padding屬性不會改變元素的大小，背景所占的區(qū)域大小還是原來的大小。

/* 方式三：使用background-size屬性*/
div{
background-image: url(bg.jpg);
background-repeat: repeat-y;
background-size: auto 100%;
}

使用background-size屬性可以自適應(yīng)元素的大小，使背景圖片縱向填充到元素的高度。其中，auto表示保持圖片的原始大小，100%表示填充至元素的高度。

以上就是CSS背景縱向填充的幾種常用方法，可以根據(jù)頁面需求選擇適合自己的方式進行排版。但一定要注意使用合適的方式，避免影響網(wǎng)頁的可讀性和美觀性。