在網頁設計中，列表是一個非常常見的元素。我們通常使用HTML的

和

標簽來創建列表。樣式表（CSS）為列表提供了許多樣式選項，其中之一就是如何使列表豎向排列。

<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>

默認情況下，列表項將以水平方向排列，每個列表項在其前面顯示一個圓點。為了使列表項豎直排列，我們需要使用CSS樣式。

ul{
list-style: none; /*去除圓點*/
display: flex; /*使列表項繼續排列*/
flex-direction: column; /*設置為垂直方向*/
}

上面代碼中的第一行將去除圓點，列表項仍然以水平方向排列。接下來，我們使用CSS的flexbox布局將列表項進行排列。這將使列表項在垂直方向上進行排列。最后一行中，我們使用了flex-direction: column屬性來設置方向。

可以根據需要在代碼中進行調整，從而實現所需的布局。垂直方向上的列表通常適用于側邊欄、菜單和導航等設計元素。在設計網站時，深入了解CSS的各種樣式選項是非常重要的。通過掌握這些技能，您可以為網站的設計和布局提供更好的支持。