下拉菜單在網站頁面設計中十分常見，它能夠為用戶提供更多功能選項，并且對網站的整體美觀度有著很大的影響。那么，我們該如何使用CSS來實現一個下拉菜單呢？

/* 首先，我們需要設置一個包含菜單的容器 */
.dropdown {
position: relative;
}
/* 接著，我們要為鼠標懸停在菜單上的樣式設置CSS */
.dropdown:hover .dropdown-menu {
display: block;
}
/* 最后，我們需要設置下拉菜單的樣式 */
.dropdown-menu {
position: absolute;
display: none;
z-index: 999; /* 確保在其他元素之上 */
}
/* 這是下拉菜單的樣板代碼 */
.dropdown-menu {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
box-shadow: 0 1px 4px rgba(0,0,0,.15);
}

以上是相對簡單的下拉菜單實現方式，當然，我們還可以利用JavaScript實現更為復雜、更為豐富的下拉菜單效果。