制作导航栏，很多代码都可以实现，今天我们使用a标签来做简单的导航栏效果
工具/原料
HTML
方法/步骤
2
这样建好了后，在浏览器中就直接生成了一个标签的样式，是不是很熟悉，某某网常用的导航，如图
3
然后就是我们对他的一些CSS修饰了，对盒子添加宽高、居中；对导航中的文字设置大小和颜色
4
这样设置一番后，原来的导航立马发生了变化，如图
5
然后继续修饰，对文字边框修饰一下，添加了同等位置的padding填充值
6
再添加了个红色的边框后，文字就显示在中心位置了
7
如果想要将文字下划线给去掉，这时候在a标签设置一个取消修饰属性就可以了，如图添加text-decoration
注意事项
如果此经验对您有帮助，请左侧投票/关注，谢谢大家的支持^_^
上一篇：如何给全局a标签设置css
下一篇：html中a标签的四个伪类