在網站中，導航是一項非常重要的功能，而縱向二級導航則是一個非常常見的導航形式。本文將介紹如何使用CSS設置縱向二級導航。

首先，需要為導航欄設置一個容器。在HTML中，可以使用<ul>和<li>標簽來實現。代碼如下：

<ul class="nav">
<li><a href="#">導航1</a>
<ul class="sub-nav">
<li><a href="#">子導航1</a></li>
<li><a href="#">子導航2</a></li>
</ul>
</li>
<li><a href="#">導航2</a></li>
<li><a href="#">導航3</a></li>
</ul>

在CSS中，需要設置二級導航的顯示方式為隱藏，同時設置鼠標移動到導航上時顯示出來：

.nav li:hover .sub-nav {
display: block;
}
.sub-nav {
display: none;
position: absolute;
top: 40px;
left: 0;
}
.sub-nav li {
width: 200px;
}

其中，.nav表示容器，.nav li:hover .sub-nav表示鼠標移到導航上時，子導航顯示出來。.sub-nav可以通過position屬性來設置其在頁面上的位置，而.sub-nav li則可以設置子導航中各個導航項的寬度。

通過以上設置，我們就可以輕松地實現縱向二級導航了。當然，為了更好的顯示效果，我們還可以通過添加一些樣式來美化導航欄，比如添加背景色、邊框、圓角等。