Css导航栏

作为标准的 HTML 基础一个导航栏是必须的。

在我们的例子中我们将建立一个标准的 HTML 列表导航栏。

导航条基本上是一个链接列表，所以使用 <ul> 和 <li>元素非常有意义：

 

现在，让我们从列表中删除边距和填充：

 

上面的代码，我们只需要 元素的样式，建立一个垂直的导航栏：

 

有两种方法创建横向导航栏。使用内联或浮动的列表项。

这两种方法都很好，但如果你想链接到具有相同的大小，你必须使用浮动的方法。

建立一个横向导航栏的方法之一是指定元素， 上述代码是标准的内嵌:

 

在上面的例子中链接有不同的宽度。对于所有的链接宽度相等，浮动元素，并指定为 元素的宽度：