CSS下拉菜單可以方便地展示菜單選項，提高用戶體驗。下面讓我們來看一下如何實現下拉菜單的顯示和隱藏。

/* CSS代碼 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

在上面的代碼中，.dropdown是下拉菜單的容器，.dropdown-content是下拉菜單的內容。最初，.dropdown-content使用display:none;屬性隱藏內容，當.hover在.dropdown上時，.dropdown-content顯示為block。

關于下拉菜單的樣式，你可以根據自己的需要來設置。

除了使用:hover偽類來實現下拉菜單，你還可以使用JavaScript編寫代碼來控制菜單的顯示和隱藏。

希望本文能夠幫助你掌握CSS下拉菜單的基本實現方法。