標題：CSS垂直二級導航欄
CSS垂直二級導航欄是一種通過CSS實現垂直布局的導航欄，通常用于網頁中。它可以為用戶提供一個直觀、易于使用的布局，同時還可以優化網頁的加載速度。
實現方式：
實現垂直二級導航欄的兩種方式主要有兩種：
1. 使用flex布局
使用flex布局，將導航欄的父元素設置為display:flex，并設置flex-direction為垂直，即可實現垂直二級導航欄。
2. 使用grid布局
使用grid布局，將導航欄的父元素設置為display:grid，并設置grid-template-columnscolumns和grid-template-rowsrows，即可實現垂直二級導航欄。其中，“columns”設置行高，“rows”設置列高，即可根據導航欄的內容自動調整布局。
使用flex布局實現垂直二級導航欄：
```html
<div class="container">
<div class="nav-bar">
<div class="nav-item">
<a href="#">首頁</a>
<div class="nav-link-text">關于我們</div>
</div>
<div class="nav-item">
<a href="#">產品</a>
<div class="nav-link-text">分類</div>
</div>
<div class="nav-item">
<a href="#">服務</a>
<div class="nav-link-text">服務類型</div>
</div>
</div>
</div>
使用grid布局實現垂直二級導航欄：
```html
<div class="container">
<div class="nav-bar">
<div class="nav-item">
<a href="#">首頁</a>
<div class="nav-link-text">關于我們</div>
</div>
<div class="nav-item">
<a href="#">產品</a>
<div class="nav-link-text">分類</div>
</div>
<div class="nav-item">
<a href="#">服務</a>
<div class="nav-link-text">服務類型</div>
</div>
</div>
</div>
注意事項：
使用垂直二級導航欄時，需要根據具體的導航欄內容，調整布局，確保導航欄清晰明了，易于使用。同時，需要注意頁面的兼容性問題，確保在不同的瀏覽器中都能正常顯示。