下拉二級導航欄是網站中經常用到的一個功能，它可以幫助用戶快速找到需要的信息。在這里，我們將介紹如何使用純 CSS 實現下拉二級導航欄。

/* CSS 代碼 */
/* 第一級導航 */
nav ul {
list-style: none;
margin: 0;
padding: 0;
background-color: #333;
}
nav li {
display: inline-block;
margin-right: -4px; /* 解決間隙問題 */
position: relative;
padding: 10px 20px;
}
nav a {
color: #fff;
text-decoration: none;
}
nav a:hover {
background-color: #555;
}
/* 第二級導航 */
nav ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #555;
}
nav ul li:hover >ul {
display: inherit;
}
nav ul ul li {
display: block;
width: 200px;
}
/* 第三級導航（以下代碼可根據實際情況選擇添加） */
nav ul ul ul {
position: absolute;
left: 100%;
top:0;
}

在上面的代碼中，我們首先定義了第一級導航的樣式，包括背景色、字體顏色和間隔等等。然后，我們通過設置第二級導航的 position 為 absolute，以便能夠將其從文檔流中取出來。當用戶懸停在第一級導航的某個元素上時，我們利用 CSS 的偽類 :hover，將該元素下的第二級導航顯示出來。

注意，在定義第二級導航時，我們使用了 display: none，這樣在頁面加載時，第二級導航就不會顯示出來。然后當用戶懸停在第一級導航的某個元素上時，我們利用 display: inherit，讓第二級導航顯示出來（inherit 表示繼承父級元素的 display 值）。另外，我們還定義了第三級導航的樣式，這部分代碼可根據實際情況選擇添加。