CSS 下拉菜單是當(dāng)用戶將鼠標(biāo)懸停在網(wǎng)頁上的一個鏈接或按鈕時，會出現(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;
}

上面是一個基本的 CSS 下拉菜單的代碼。首先，HTML的結(jié)構(gòu)是一個帶有class屬性為dropdown的div，其中包含一個class屬性為dropbtn的按鈕和一個包含下拉菜單選項(xiàng)的div，它的class屬性為dropdown-content。CSS樣式中，我們使用"display:none"隱藏下拉菜單中的內(nèi)容，并使用"position:absolute"將其定位在頂部。然后，通過設(shè)置下拉菜單所在的 div 的偽類 ":hover"，在用戶將鼠標(biāo)懸停在該 div 上時顯示下拉菜單。

在上面的模板代碼中，你可以根據(jù)需要修改下拉菜單的樣式和文本內(nèi)容。

通過調(diào)整 CSS，你可以創(chuàng)建各種漂亮的下拉菜單效果。下拉菜單可以是多級的（即包含多個子菜單），也可以與其他HTML元素一起使用，例如文本框和圖像。