CSS 二級菜單是網站設計中常見的交互元素，可以方便用戶快速瀏覽和點擊主題相關的內容。在使用 CSS 創建二級菜單時，我們通常需要用到下面幾個 CSS 屬性：

/* 隱藏子菜單，設置默認不可見 */
.submenu {
display: none;
}
/* 鼠標懸停在主菜單項上時，顯示子菜單 */
.menu-item:hover .submenu {
display: block;
}
/* 設置子菜單寬度為主菜單寬度 */
.submenu {
position: absolute;
width: 100%;
}
/* 子菜單項懸停時，改變背景顏色 */
.submenu a:hover {
background-color: #ddd;
}

以上 CSS 代碼片段可以實現基本的二級菜單交互效果，即當鼠標懸停在主菜單項上時，顯示對應的子菜單。其中，display: none;控制子菜單默認不可見，display: block;控制子菜單在鼠標懸停時顯示出來。通過設置position: absolute;和width: 100%;，子菜單可以覆蓋在主菜單項下面并充滿整個寬度。

此外，我們可以進一步優化 CSS 代碼，使二級菜單的樣式更加美觀、易用。

/* 添加箭頭指示當前鼠標懸停的主菜單項 */
.menu-item.active:before {
content: "▼";
margin-right: 8px;
}
/* 將子菜單項設置為橫向布局 */
.submenu a {
display: inline-block;
width: 50%;
}
/* 在橫向布局的子菜單項之間添加分隔線 */
.submenu a:not(:last-child)::after {
content: "|";
margin: 0 8px;
color: #999;
}

以上代碼片段實現的功能包括：在當前鼠標懸停的主菜單項前添加箭頭指示；將子菜單項設置為橫向布局并添加分隔線。通過這些 CSS 樣式的改進，可使二級菜單功能更加完善。