在網頁制作中，列表是非常重要的一個元素，我們常常使用ul和li標簽來創建列表。而在默認情況下，ul和li會橫向排列，在一些特殊情況下需要豎直排列，這時候我們就需要使用CSS來實現。

實現豎直排列的方法，其實很簡單。我們只需要在CSS中給ul和li標簽添加一些樣式即可。

ul {
display: flex;
flex-direction: column;
}
li {
list-style: none;
}

上面的CSS代碼中，我們使用了flex布局，并將其方向設置為豎向，即column。這時候，ul下面所有的li標簽就會在豎直方向上依次排列。

同時，我們也將li的原本的樣式去掉，使用list-style:none讓其去掉默認的列表樣式。

除了上述方法，我們也可以使用float屬性來實現豎直排列。代碼如下：

1
2
3

上述CSS代碼中，我們在li標簽中加入了“float:left;width:100%;”的樣式，這樣就可以將li標簽在豎直方向上依次排列。

綜上所述，使用CSS實現ul和li豎直排列并不難。我們只需要使用flex布局或float屬性，就可以實現我們需要的效果。