首先我们要知道网站的导航栏是通过ul 和 li来实现的，然后再给这两个标签加一些css样式来实现最终的效果。下面我将通过文字和图片的方式给大家一步一步来操作，大家有不明白的可以关注我然后在下方评论。
首先把框架写出来，使用ul和li两个标签，里边加上a标签和文字，看下面这个截图，这是没有加任何修饰的，写出的样子就是你们看到的这样。
下面我们 对这个没有任何修饰的导航一步步的加上修饰，首先我们让这个导航横着排列，然后去掉每个元素前边的黑点，下划线，然后给他们每个元素分开一定的距离，下面看操作之后的截图。
基本的导航栏已经出来了，如果你不在乎导航栏有多好看，那么你学会上边的步骤就可以了， 但是为了网站的美观度，我觉得我们还是有必要再对这个导航进行修饰一下，下面我们要完成它的终极操作，直接给大家做出满意的效果。