CSS下拉菜單功能可以通過使用CSS偽類和CSS屬性實現。以下是實現步驟：
創建一個HTML列表，其中包含下拉菜單的選項。
使用CSS將該列表隱藏起來，并為下拉菜單的觸發器（如按鈕或鏈接）應用樣式。
使用CSS偽類（如:hover）來在觸發器上設置鼠標懸停時的樣式，并將下拉菜單列表顯示出來。
使用CSS屬性（如display和position）來控制下拉菜單的位置和顯示方式。
以下是一個簡單的CSS下拉菜單的示例代碼：
HTML代碼：
<div class="dropdown">
<button class="dropbtn">下拉菜單</button>
<div class="dropdown-content">
<a href="#">選項1</a>
<a href="#">選項2</a>
<a href="#">選項3</a>
</div>
</div>
CSS代碼：
/* 隱藏下拉菜單 */
.dropdown-content {
display: none;
}
/* 設置觸發器樣式 */
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 12px;
font-size: 16px;
border: none;
}
/* 鼠標懸停時顯示下拉菜單 */
.dropdown:hover .dropdown-content {
display: block;
}
/* 設置下拉菜單樣式 */
.dropdown-content {
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 1;
}
