CSS下拉菜單是一種常見的網頁導航形式，通常包含一個激活按鈕和一個下拉列表。以下是一些常見的CSS樣式規則，可用于設置下拉菜單：

/* 定義下拉菜單容器 */
.dropdown {
position: relative;
display: inline-block;
}
/* 定義激活按鈕樣式 */
.dropdown button {
background-color: #ffffff;
color: #333333;
padding: 10px;
border: none;
outline: none;
cursor: pointer;
}
/* 定義下拉列表樣式 */
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown-content a {
color: #333333;
padding: 10px;
text-decoration: none;
display: block;
}
/* 顯示下拉列表 */
.dropdown:hover .dropdown-content {
display: block;
}

上述代碼包含以下關鍵部分：

• .dropdown定義了下拉菜單整體容器的樣式，使用position: relative使得下拉列表相對于激活按鈕進行定位。
• .dropdown button定義了激活按鈕的樣式，使用background-color、color、padding等CSS屬性來設置按鈕的背景、字體色、內邊距等效果。
• .dropdown-content定義了下拉列表的樣式，使用display: none使得下拉列表默認隱藏，position: absolute將其脫離文檔流并相對于.dropdown容器定位。
• .dropdown-content a定義了下拉列表內部鏈接的樣式，使用color、padding等屬性對鏈接文字進行美化處理。
• 最后的.dropdown:hover .dropdown-content規則定義了在鼠標懸停在.dropdown容器上時，下拉列表的display屬性變為block將其顯示出來。

通過以上CSS規則的設置，就可以完成一個基本的CSS下拉菜單效果。當然，開發者可以根據自己的需求修改CSS樣式規則，以達到更好的效果。