一定义一个盒子“menu”，用来装这个导航的二用无序列表ul中的列li放导航的内容三把li的浮动float设置为向左浮动floatleft，这样，就实现了水平导航条了四在做其他的一些修饰下面我给我弄的一个简单的导航条给你理解lt！DOCTYPE html PUBLIC quotW3C。

如何设置html导航栏1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12预览，如下图所示6首先去掉字体前面的小黑点代码如下7。

第一步，打开软件Adobe Dreamweave CS6，创建一个新的HTML第二步，在工作区域body用标签 ul 和 li 输入导航的内容第三，编辑样式CSS在标签ltheadlthead之间写入样式表，第四，紧接上一步由于无线序列具有默认样式，前面的圆点，所以先写去除默认样式的样式样式为ul，li。

所有代码 ！DOCTYPE html html head meta charset=#34UTF8#34 title横向导航菜单title style type=#34textcss#34 nav li backgroundcolor red padding 8px 15px float left liststyle color#fff style head body ul class=#34nav#34 li。

可以用CSS可以做到但是CSS3在IE9以下的浏览器支持不好我写个例子，先看效果火狐下代码lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltlink href=quotxxxappletouchiconpngquot rel=quotappletouchiconprecomposedquot lttitleCSS3 多边形lttitleltheadltbo。