CSS多重下拉菜單是Web開發(fā)中常用的一種交互組件，可以為用戶提供良好的操作體驗。通過CSS樣式和JavaScript腳本的結(jié)合，可以輕松實現(xiàn)多級下拉菜單。

<ul class="menu">
<li><a href="#">一級菜單</a>
<ul class="sub-menu">
<li><a href="#">二級菜單-1</a>
<ul class="sub-menu">
<li><a href="#">三級菜單-1</a></li>
<li><a href="#">三級菜單-2</a></li>
<li><a href="#">三級菜單-3</a></li>
</ul>
</li>
<li><a href="#">二級菜單-2</a></li>
<li><a href="#">二級菜單-3</a>
<ul class="sub-menu">
<li><a href="#">三級菜單-4</a></li>
<li><a href="#">三級菜單-5</a></li>
</ul>
</li>
</ul>
</li>
</ul>

上面的代碼中，使用了<ul>和<li>標(biāo)簽表示菜單選項，使用<a>標(biāo)簽表示鏈接。每個菜單選項中，通過添加一個類名為“sub-menu”的<ul>標(biāo)簽，來表示該選項下的二級菜單。再在二級菜單中添加“sub-menu”類名的<ul>標(biāo)簽，即可表示三級菜單。通過CSS的樣式設(shè)置，實現(xiàn)隱藏和顯示菜單項。通過JavaScript腳本的設(shè)置，實現(xiàn)鼠標(biāo)點擊或懸停事件，來控制菜單的顯示與隱藏。