CSS是一種樣式表語言，可以讓我們對HTML文檔進行美化和排版。其中，CSS設置縱向排版是很常見的一種需求。本文將介紹如何使用CSS設置縱向排版，讓你的網頁更美觀。

/* 設置縱向排版 */
body {
display: flex; /* 將body元素變成flex容器 */
flex-direction: column; /* 將flex容器的主軸方向改為縱向（上下） */
align-items: center; /* 將flex容器的交叉軸方向對齊方式改為居中 */
}
p {
margin: 20px; /* 設置段落與上下元素的間距為20px */
}

以上CSS代碼中，我們首先將body元素設置為flex容器，這樣子元素就可以通過flex屬性來進行布局了。然后，我們將flex容器的主軸方向改為縱向，并將交叉軸方向對齊方式設置為居中。最后，我們設置了p標簽元素的margin屬性為20px，使其與其他元素之間的間距達到了最佳的視覺效果。

總之，CSS設置縱向排版是一種基本的網頁排版需求。只要了解了上述的CSS代碼，我們就能輕松地美化網頁，實現更好的排版效果。