CSS豎向tab可以通過使用CSS中的向量運算符(%)來創建豎向導航菜單。在傳統的導航菜單中，菜單項通常會在瀏覽器窗口的頂部或底部，而豎向tab則可以讓用戶輕松地選擇菜單項，而無需移動瀏覽器窗口。

下面是一個簡單的豎向tab示例，其中包含4個菜單項，它們被排成一個豎向序列：

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

<li><a href="#">Learn More</a></li>

</ul>

以下是一個簡單的CSS樣式表，用于調整豎向tab的樣式：

list-style-type: none;

margin: 0;

padding: 0;

display: inline-block;

width: 100%;

height: 100%;

text-align: center;

line-height: 100%;

display: block;

text-decoration: none;

font-size: 16px;

font-weight: bold;

a:hover {

background-color: #e8e8e8;

在這個示例中，我們使用了display: inline-block；來使li標簽垂直居中。width: 100%;height: 100%;text-align: center；和line-height: 100%；來使菜單項垂直居中并排成一個豎向序列。a標簽的樣式被設置為懸停時背景顏色為淺藍色，以使菜單項更容易被用戶找到。

使用CSS豎向tab可以輕松地創建豎向導航菜單，使用戶更容易瀏覽頁面并找到所需的內容。