在 Web 開發中，下拉菜單是常見的網頁元素。當用戶懸停在下拉菜單上時，會出現一個下拉菜單，以供用戶選擇

CSS和JavaScript都可以實現下拉菜單效果。以下是一個使用CSS實現的下拉菜單代碼示例：

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

上面的代碼中，我們首先創建了一個容器，使用position: relative;設置為相對定位，并通過display: inline-block;來使得該容器內部的內容水平排列。

在容器內部，我們又創建了一個下拉菜單，使用display: none;來隱藏該元素，并通過position:absolute;和z-index:1;來設置該元素在容器內部的位置和層級關系。

最后，我們使用:hover偽類選擇器來實現了該下拉菜單的懸停效果。當用戶鼠標懸停在容器上時，下拉菜單的display屬性被設置為block;從而顯示該元素