css下拉菜单

前言

下拉式菜单比较特殊，当鼠标移到菜单项目上将自动弹出一个下拉的面板，在该面板中显示各种分类信息。这种类型在各种网站中都很常见，可以增加用户的体验。
下拉菜单分为：

1. 文本下拉
2. 普通下拉菜单
   3 导航栏下拉

设计思路：
在超链接内包含面板结构，当鼠标划过时，自动显示这个面板，而在默认状态下是隐藏的。

文本下拉：当鼠标移动到指定元素时出现下拉菜单
把文本和菜单包含在同一个div中

在css中设置样式：

其效果如下：

下拉菜单：允许用户选择列表中的一项
其方法与上述类似：


效果如下：

导航栏下拉：在一个div中套入一个a标签和下拉列表项