利用HTML5和css样式声明制作简单的一级导航栏

1、我们以Dreamweaver为例子。新建一个HTML文档

3、在div里面加入ul无序列表标签，并加入3个li标签（为了方便观看我这里只加了3个li标签，实际应用时可以多加几个，但切记要在ul里面加入。）

5、在a标签里面加入class标签，方便后面的更改

7、浏览如图

9、对div进行添加css效果，添加行高、行宽和背景颜色标签。（实际使用中行高、行宽和背景颜色的数值可以进行随意修改）

11、对div添加悬挂效果，添加文字颜色和背景颜色标签

13、当鼠标放上去显示的颜色