CSS多重下拉菜单是Web开发中常用的一种交互组件，可以为用户提供良好的操作体验。通过CSS样式和JavaScript脚本的结合，可以轻松实现多级下拉菜单。

<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>标签表示菜单选项，使用<a>标签表示链接。每个菜单选项中，通过添加一个类名为“sub-menu”的<ul>标签，来表示该选项下的二级菜单。再在二级菜单中添加“sub-menu”类名的<ul>标签，即可表示三级菜单。通过CSS的样式设置，实现隐藏和显示菜单项。通过JavaScript脚本的设置，实现鼠标点击或悬停事件，来控制菜单的显示与隐藏。