HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle。

工具材料 Sublime Text 首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示 接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式。

1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果。

CSS导航菜单水平居中的方法1首先打开我们的测试编辑工具如图所示新建一个项目2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左。