实打实的教你怎么做一个网站的导航条

首先我们要知道网站的导航栏是通过ul 和 li来实现的,然后再给这两个标签加一些css样式来实现最终的效果。下面我将通过文字和图片的方式给大家一步一步来操作,大家有不明白的可以关注我然后在下方评论。

首先把框架写出来,使用ul和li两个标签,里边加上a标签和文字,看下面这个截图,这是没有加任何修饰的,写出的样子就是你们看到的这样。

下面我们 对这个没有任何修饰的导航一步步的加上修饰,首先我们让这个导航横着排列,然后去掉每个元素前边的黑点,下划线,然后给他们每个元素分开一定的距离,下面看操作之后的截图。

基本的导航栏已经出来了,如果你不在乎导航栏有多好看,那么你学会上边的步骤就可以了, 但是为了网站的美观度,我觉得我们还是有必要再对这个导航进行修饰一下,下面我们要完成它的终极操作,直接给大家做出满意的效果。