导航栏注意事项

<nav>

<ul>

<li><a
href="#">Blog</a></li>

<li><a
href="#">About</a></li>

<li><a
href="#">Archives</a></li>

<li><a
href="#">Contact</a></li>

<li
class="subscribe"><a
href="#">subscribe</a></li>

</ul>

</nav>

根据上面这段代码可以自己设置导航栏。

主要是对li 和a 进行操作

nav ul li{float:left;margin:10px; }//使其li横排显示

nav ul li a{text-decoration:none;font-size:25px;}//根据自己的喜好来设置a标签，text-decoration:none去掉下划线

我们还会经常涉及到给nav设置背景图片直接由这样的方法background{url()}