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将其显示。

你也可以根据需要修改颜色、字体和其他样式属性，以创建符合你需求的下拉菜单。感谢你阅读本文，希望可以对你有所帮助！