几乎每个网页都会有导航栏，大家再制作网页的时候也会用到导航栏，现在小编就教大家怎么制作一个简洁的网站导航栏
工具/原料
记事本
基本做法
1、我们以百度经验的导航栏为标准来制作一个导航栏
2、首先大家看看这个的原理<nav><div><a href="index.html"><li>首页</li></a><a href="#"><li>杂志</li></a><a href="#"><li>签到</li></a><a href="#"><li>商场</li></a></div><nav按照这个格式你就可以制作出你想要的导航栏了
3、需要具体代码的到有得中下载
4、以上教程需要有一点html基础的读者看，如果有疑问可以找我
增加特效
1、如果大家想要在鼠标移动到导航栏上面的时候有渐变效果可以添加<transition>属性
2、例如：transition: background 0.8s linear0.8s代表的是时间
3、大家还可以充分发挥想象，设计出更丰富的导航栏下图是小编精心设计的一个导航栏
