1、1导航条的设置效果 2通过列表制作 3导航条的DIV样式设置 4important实现对不同的浏览器设值，列表项样式 5但这样看起来还是没有任何效果，只是显示文本一样为此，我们就需要在 标签中嵌套超链接标签，超链接；01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写样；html做导航栏步骤如下1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个divid为“a”，添加ulli标签5在li中添加自己想要的文字并调整。

2、18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏；1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在标签里新建一个 标签，然后在标签里添加几个标签如图3在 标签内添加文字在新建的 添加要显示的内容如图4创建样式标签 在标签；如何设置html导航栏1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并。

3、其实导航栏就是给列表标签设置CSS样式 第一步 在HTML上的文件里加上ulli 标签，在对应的CSS文件中使用下边语句去掉 li 标签前面默认的小圆点 第二步 让 li 标签 浮动 起来，一般设置为左浮动，看看它是不是；1横排无非是本身标签是行内标签或者将块状标签添加浮动效果，然后变成横排排列的导航a标签既可以当做链接符号来用，本身也是行内标签的一种，直接用a标签输入文字，可以直接在横排显示2如图所示效果，横排显示的导航3。

4、如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding然后定位导航条的div，这里我就用绝对定位来居中，如果你有其他导航条居中。

5、建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。