<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()}