在Web開發中，下拉菜單是常見的設計元素之一。CSS可以幫助我們輕松創建漂亮的下拉菜單。在下面的示例中，我們將介紹如何使用CSS創建下拉菜單塊。

/* 設置下拉菜單塊的樣式 */
.dropdown {
position: relative;
display: inline-block;
}
/* 設置下拉菜單的樣式 */
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
/* 設置鼠標懸停在下拉菜單塊上時下拉菜單的樣式 */
.dropdown:hover .dropdown-content {
display: block;
}
/* 設置下拉菜單項的樣式 */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* 設置鼠標懸停在下拉菜單項上時的樣式 */
.dropdown-content a:hover {
background-color: #f1f1f1;
}

首先，我們創建一個下拉菜單塊。我們使用相對定位（position: relative）和行內塊元素（display: inline-block）來放置下拉菜單中的菜單項。然后，我們將下拉菜單設置為絕對定位（position: absolute），放置在菜單塊下方，并在需要時顯示它。接下來，我們使用:hover偽類來創建懸停效果。最后，我們設置下拉菜單項的樣式，包括顏色、內邊距和文本裝飾，并在懸停時更改背景顏色。