CSS偽類hover可以讓我們在鼠標懸停在指定元素上時，對該元素進行樣式的設置，非常常用。在下面的代碼例子中，我們使用了偽類hover和下拉菜單來創建一個簡單的導航菜單。

.nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #4a4a4a;
color: #fff;
padding: 10px;
}
.nav ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
margin: 0 10px;
position: relative;
}
.nav a {
color: #fff;
text-decoration: none;
}
.nav ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #4a4a4a;
}
.nav ul li:hover >ul {
display: block;
}

以上代碼創建了一個具有下拉菜單的導航欄，菜單中的列表項被設置為相鄰的flex項，并在中間對齊。在每個列表項上，我們使用了偽類hover，當鼠標懸停在某個列表項上時，該列表項下面的下拉菜單就會顯示出來。

注意在代碼中，我們創建了另一個無序列表，用于表示下拉菜單的選項。該列表的默認為隱藏狀態，當列表項被懸停時，使用CSS將其顯示。

你也可以根據需要修改顏色、字體和其他樣式屬性，以創建符合你需求的下拉菜單。感謝你閱讀本文，希望可以對你有所幫助！