导航栏编写一般都是用标签来写及列表，下面就看一下代码如何编写的吧：

【竖向导航栏】

接下来css修饰：在没有用css处理过的代码上，其样式ul,li标签的属性都是默认的值：

a:去除li前的点：需要在ul的样式里添加 list-style-type: none; 知识在(点击打开链接)；

b:去除标签的默认样式下划线：需在a标签样式里加 text-decoration: none;知识在（点击打开链接）；

c:怎么让导航栏当鼠标移动上去的时候都会有响应会变色？需要为li标签添加hover选择器在，知识在（点击打开链接）

当鼠标移动上时当前li变色.

d:鼠标移动到ul范围内时变为手形：设置li 的属性cursor: pointer;知识在（点击打开链接）

【竖向导航栏效果】

【横向导航栏】

横向只需在li标签样式中添加属性：display:inline-block;知识在（点击打开链接）

【横向导航栏效果】

【横向代码（全）】