下拉菜單（Dropdown Menu）是網站設計中不可或缺的一部分。在很多網站的導航欄中，我們經常能看到使用下拉菜單來展示各個頁面鏈接的形式。而在實現下拉菜單的過程中，CSS也發揮了重要的作用。

<ul class="dropdown-menu">
<li class="dropdown-item"><a href="#">菜單1</a></li>
<li class="dropdown-item"><a href="#">菜單2</a></li>
<li class="dropdown-item"><a href="#">菜單3</a></li>
</ul>

上述代碼是創建一個簡單的下拉菜單所需要的HTML結構。我們使用<ul>標簽來創建菜單容器，里面使用<li>標簽來創建菜單項，并使用<a>標簽添加鏈接。這里的class屬性用來指定菜單的樣式。

下面是使用CSS來添加樣式的示例：

.dropdown-menu {
position: relative;
display: inline-block;
}
.dropdown-item {
display: none;
position: absolute;
z-index: 1;
}
.dropdown-menu:hover .dropdown-item {
display: block;
}

上述CSS代碼中，我們首先給菜單容器（.dropdown-menu）設置了position: relative，這是為了讓下拉菜單的顯示位置與菜單容器有關聯。然后，我們給菜單項（.dropdown-item）設置了display: none，這是為了讓菜單項一開始不可見。接著，在菜單容器懸停的狀態下，我們設置菜單項的display屬性為block，這時菜單項就會顯示出來，并且會覆蓋在其他內容的上方（因為使用了z-index: 1）。

通過這樣的方式，我們就能夠輕松地創建出一個簡單的下拉菜單。當然，還可以進行更多的樣式定制，例如設置菜單項的背景顏色、文字顏色、邊框等等。無論如何，下拉菜單是一個非常實用的網站設計元素，它可以讓用戶更方便地訪問網站的各個頁面。