熟练的使用导航栏，对于任何网站都非常重要，我们可以使用CSS转换为好看的导航栏而不是枯燥的HTML菜单。同时，我们使用 CSS 可以创建一个鼠标移动上去后显示下拉菜单的效果。

水平导航栏：

垂直导航栏：

文章目录

一.CSS导航栏1. HTML设置菜单项2. 垂直导航栏3. 水平导航栏3.1 内联列表项3.2 浮动列表项 4. 实例5. 固定导航栏 二.CSS下拉菜单1. 基本下拉菜单2. 常用下拉菜单

<