CSS下拉菜單是Web設計中很常見的一種元素，它為用戶提供直觀的頁面導航和操作。創建CSS下拉菜單可以讓您的網站看上去更加專業。
實現下拉菜單的方法很多，但是其中最常用的是使用CSS。以下是一份簡單的教程，您可以利用它來了解如何創建一個CSS下拉菜單。
/* CSS文件中的樣式 */
/* 設置下拉菜單的背景顏色 */
.dropdown-menu {
background-color: #f9f9f9;
}
/* 隱藏下拉菜單的內容 */
.dropdown-menu ul {
visibility: hidden;
position: absolute;
left: 0;
top: 100%;
}
/* 當鼠標在下拉菜單上方時，顯示下拉菜單的內容 */
.dropdown-menu:hover ul {
visibility: visible;
}
/* 設置下拉菜單中選項的樣式 */
.dropdown-menu li {
display: block;
padding: 10px;
border-bottom: 1px solid #ddd;
}
/* 當鼠標在下拉菜單選項上方時，改變選項的背景顏色 */
.dropdown-menu li:hover {
background-color: #f2f2f2;
}以上代碼演示了如何創建一個基本的CSS下拉菜單。您可以根據需要進行修改和調整。
在HTML中使用下拉菜單很簡單。只需在需要添加下拉菜單的元素中插入以下代碼即可：
注意：上述HTML代碼中的類名“dropdown-menu”要與CSS文件中的相同。
這就是基本的CSS下拉菜單了。如此簡單！現在您可以嘗試創建自己的下拉菜單，并將其添加到您的網站中。