随着网站设计的发展趋势，下拉菜单越来越受到设计师们的青睐，它可以让网站导航更加简洁、美观，使用户更容易找到他们需要的信息。而CSS技术的不断发展，可以让设计师们轻松地创建出各种类型的下拉菜单。本文将介绍如何使用CSS创建优美的下拉菜单。

一、常用的下拉菜单类型

在开始之前，我们需要了解一些常用的下拉菜单类型，以便我们在制作菜单时能够更好地理解并找到需要制作的菜单类型。

1. 普通下拉菜单：当用户鼠标移到下拉菜单上方时，显示菜单列表，当用户离开时，菜单列表关闭。

2. 悬浮下拉菜单：当鼠标移到下拉菜单上方时，显示菜单列表，并在用户移动鼠标时保持打开状态，直到用户在其他位置或点击其他选项关闭菜单。

3. 多级下拉菜单：当用户点击菜单选项时，显示其下级菜单，用户可以在不离开菜单的情况下浏览多个选项。

二、使用CSS创建下拉菜单

1. HTML 结构

我们首先需要在 HTML 中创建下拉菜单的结构。下面是一个简单的例子：

```