二級導航欄是常見的網站設計元素，可以幫助用戶快速定位所需內容。使用CSS可以創建漂亮且功能強大的二級導航欄，可以提高網站的用戶體驗。

/* 樣式重置 */
* {
margin: 0;
padding: 0;
}
/* 一級導航欄 */
nav {
background-color: #333;
display: flex;
justify-content: space-between;
padding: 10px;
}
/* 一級導航欄鏈接 */
nav a {
color: #fff;
font-size: 20px;
margin-right: 20px;
text-decoration: none;
transition: color 0.3s;
}
/* 一級導航欄鏈接鼠標懸停 */
nav a:hover {
color: #ff0;
}
/* 二級導航欄容器 */
nav ul {
background-color: #bbb;
display: none;
position: absolute;
top: 40px;
padding: 10px;
text-align: left;
}
/* 二級導航欄鏈接 */
nav ul li {
margin: 5px 0;
}
/* 二級導航欄鏈接懸停 */
nav ul li:hover {
background-color: #ddd;
}
/* 一級導航欄鏈接懸停，二級導航欄出現 */
nav ul.show {
display: block;
}
/* 一級導航欄鏈接點擊，二級導航欄出現 */
nav a.toggle-nav:focus + ul {
display: block;
}

以上是一個基本的二級導航欄的CSS樣式代碼。其中，通過選擇器的嵌套，實現了一級導航欄和二級導航欄之間的關聯。同時，使用偽類選擇器:focus和:hover，實現了導航欄的交互效果。

如果需要添加更多的效果，可以進一步優化CSS樣式。例如，可以加入動畫效果，讓二級導航欄出現和消失更加自然。