在此我們將創(chuàng)建一個(gè)簡單的下拉菜單，由 HTML 和 CSS 組成。具體實(shí)現(xiàn)代碼如下：

<div class="dropdown">
<button class="dropbtn">下拉菜單</button>
<div class="dropdown-content">
<a href="#">選項(xiàng)1</a>
<a href="#">選項(xiàng)2</a>
<a href="#">選項(xiàng)3</a>
</div>
</div>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

上面的代碼中，我們首先創(chuàng)建了一個(gè)包裹整個(gè)下拉菜單的 `div`，并在其中添加一個(gè) `button` 作為下拉按鈕。在 `div` 中再添加一個(gè)類名為 `dropdown-content` 的 `div` 作為下拉內(nèi)容部分，其中包含了三個(gè)選項(xiàng)。在 CSS 部分，我們將 `dropdown` 設(shè)置為相對(duì)定位，`dropdown-content` 設(shè)置為絕對(duì)定位，并將其初次展示時(shí)設(shè)置為不顯示。當(dāng)鼠標(biāo)懸停在 `dropdown` 上時(shí)，我們將 `dropdown-content` 顯示出來。

這樣，一個(gè)簡單的下拉菜單就實(shí)現(xiàn)了。