1、本人亲测下面这些代码是可以实现二级或多级导航菜单的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfont；很多小伙伴学习了一段时间的HTML和css，就想自己动手试试制作导航条菜单，不过却没有思路，今天小编我就来分享一下HTML和css制作导航条的实例，大家可以参考参考如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li；首先，创建一个DIV，将其命名为“nav”，并创建一个 然后设置CSS样式，指定列表的宽度和高度，去掉列表前面的符号代码是Ulwidth宽度值Height高度值列表样式无 如果是横向导航，还需要设置列表项 每列之间的；一，这要用到float浮动属性二，floatleft代表想做浮动，也就是横向排列是向左边排列四，代码如下 dw如何制作横向导航条设置css，浮动，定位，或者设置display为行内元素，当然，宽度一定要够用；让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了下面是简单的代码实现，仅供参考* margin0px padding0pxli liststyle width100px height30px fontsize14；你的菜单问题是不兼容IE6，IE6下二级菜单位置向右偏了，而且二级菜单没有横向显示，而是纵向显示了我把需要修改的地方用css hack写出来了修改后的兼容IE678不过你这菜单本身也不支持firefox，chrome，你可以找个好；用CSS控制的下拉菜单，在各个浏览器中表现的不够完美，最佳的方法是使用jQuery来制作，代码如下，加了一个缓动的效果HTML部分 菜单零 菜单一 子菜单 子菜单 子菜单 子菜单。

2、style type=#34textcss#34 * margin0 padding0 jiao ul li ahover color#red ul， li liststyle a textdecoration jiao border5px solid #pink bor；3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12预览，如下图所示6首先去掉字体前面的小黑点代码如下7预览，如图所示8接；用ul和li做导航栏，使二级菜单横向 主要使用JS实现触发事件，CSS控制样式显示 无标题文档 机构；下面的是案例你参考一下，直接新建一个页面放到body里面运行就可以了 margin0padding0border0 body fontsize12px xiela lineheight 24px liststyletype background#666 xiela。

3、这个不太好实现标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hoveractivevisitedlink其他的标签在IE6下都没有伪类所以建议用js，如果是闲来无事可以试一下；例，仅供参考lt！DOCTYPE HTML 导航菜单 body，div，ul，limargin0padding0 liliststyletype atextdecoration wrapperwidth980pxheightautooverflowhiddenmargin20px auto。

4、* margin0 padding0 jiao ul li ahover color#red ul， li liststyle a textdecoration jiao border5px solid #pi；2修改title为html+css实现横向导航3新建一个div id为“a”，添加ul li标签4在li中添加自己想要的文字 并调整好文字间距，按F12预览5首先去掉字体前面的小黑点6接下来，使文字横向排列，设置代码如下。