CSS 下拉菜单是当用户将鼠标悬停在网页上的一个链接或按钮时，会出现一个下拉菜单供用户选择。

<div class="dropdown">
<button class="dropbtn">下拉菜单</button>
<div class="dropdown-content">
<a href="#">菜单项1</a>
<a href="#">菜单项2</a>
<a href="#">菜单项3</a>
</div>
</div>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

上面是一个基本的 CSS 下拉菜单的代码。首先，HTML的结构是一个带有class属性为dropdown的div，其中包含一个class属性为dropbtn的按钮和一个包含下拉菜单选项的div，它的class属性为dropdown-content。CSS样式中，我们使用"display:none"隐藏下拉菜单中的内容，并使用"position:absolute"将其定位在顶部。然后，通过设置下拉菜单所在的 div 的伪类 ":hover"，在用户将鼠标悬停在该 div 上时显示下拉菜单。

在上面的模板代码中，你可以根据需要修改下拉菜单的样式和文本内容。

通过调整 CSS，你可以创建各种漂亮的下拉菜单效果。下拉菜单可以是多级的（即包含多个子菜单），也可以与其他HTML元素一起使用，例如文本框和图像。