CSS 导航栏
演示：导航栏
导航栏
对于任何网站来说，拥有易于使用的导航都很重要。
使用 CSS，您可以将无趣的 HTML 菜单转换为美观的导航栏。
导航栏 = 链接列表
导航栏需要标准 HTML 作为基础。
在我们的示例中，我们将根据标准 HTML 列表构建导航栏。
导航栏基本上是一个链接列表，因此使用<ul>和<li>元素非常有意义：
例子
<ul>
<li><a href="default.asp">家</a></li>
<li><a href="news.asp">消息</a></li>
<li><a href="contact.asp">接触</a></li>
<li><a href="about.asp">关于</a></li>
</ul>
亲自尝试 »
现在让我们从列表中删除项目符号、边距和填充：
示例解释：
list-style-type: none;- 删除项目符号。导航栏不需要列表标记- 放
margin: 0;和padding: 0;删除浏览器默认设置
上面示例中的代码是垂直和水平导航栏使用的标准代码，您将在下一章中了解更多相关内容。
