CSS下拉框大家應該都非常熟悉，尤其是在網站導航欄的設計中經常用到。下面介紹一種基于a標簽的CSS下拉框實現方法。

.dropdown {
position: relative; /* 相對定位 */
}
.dropdown-content {
display: none; /* 隱藏下拉框 */
position: absolute; /* 絕對定位 */
z-index: 1; /* 確保下拉框位于其他元素上方 */
}
.dropdown:hover .dropdown-content {
display: block; /* 鼠標移動到下拉框上時顯示 */
}

代碼解釋：

• .dropdown類設置相對定位，是為了讓下面的下拉框可以絕對定位于該元素之下。
• .dropdown-content類設置隱藏和絕對定位，下拉框默認不顯示。需要鼠標懸停在.dropdown上時才會顯示。
• .dropdown:hover .dropdown-content是鼠標懸浮在.dropdown上的情況，此時下拉框需要顯示。

使用此方法，我們可以輕松地創建一個簡單的下拉菜單，代碼簡潔易懂。需要的同學可以實際嘗試一下，實現一個漂亮的下拉菜單。