导航栏 是一个网站的地图，一个网站不可缺少的部分。设计一个成功的导航栏 就显得相当重要。本文将详解构成基础导航栏中的基本CSS属性。适用于正在学习CSS的新手。

这里 我们通过一个简单的导航栏实例 来熟悉并掌握基本方法。

构建HTML：
先打开一个文本编辑软件，甚至可以用记事本， 输入以下代码。

one
two
three

保存为.html结尾的文件，用浏览器打开之后我们就可以生成一个标准的HTML无序列表 如下：

one
two
three
ul标签定义了无序列表

li 标签定义列表项目。

现在 理论上我们就已经完成导航栏的HTML代码部分了。只需要再美观一下。这里就需要加入CSS属性。

添加样式（CSS）：
在刚才的HTML代码内加入如下代码

这样我们的基本导航栏就已经完成了。几乎所有的导航栏都是这样开始的。