之前的文章《css怎么给文字添加边框或字体放大效果(代码详解)》中,给大家介绍了怎样使用css文字添加边框或字体放大。下面本篇文章给大家介绍如何用CSS制作一个简单美观的导航栏,我们一起看看怎么做。

使用css制作页面的时候,想做一个简单美观的导航栏,怎么做呢,下面来分享一下方法。
导航栏+链接列表
导航条基本上是一个链接列表,所以使用 和 元素。
代码示例
立即学习“前端免费学习笔记(深入)”;
代码效果图

注意:这里我们用 href="#"作为测试连接。
可以添加 "active" 类,选择【php主页】选项。
代码示例
立即学习“前端免费学习笔记(深入)”;
制作导航栏
通过的格式来实现导航栏。
代码示例
立即学习“前端免费学习笔记(深入)”;
代码效果图


推荐学习:CSS视频教程










