htmlli菜单(html5菜单栏怎么做)

导航栏标签可以直接在H5使用2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就是就是将p设置为display。

nav ul lihover ul displayblock 再次预览效果，如下图所示6 至此，横向二级下拉菜单就制作完成了，这里附加上全部代码，以方便各位朋友参考，感谢各位朋友的浏览lt！DOCTYPE html PUBLIC quotW3CDTD XHTML；1首先打开电脑上的可编辑网页的软件，新建一个html页面，然后将其保存在桌面上这里使用的是DW2接下来在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码如图片所示3因为菜单栏一般；普通的显示数据的时候，ul就是项目列表，li就是列表项可以用来显示数据如果用于DIV＋CSS布局的话，ul+li可以替换表格的作用，具体的设置，如果宽度高度行间距背景边框等需要配合CSS一起设置；ltli ltul ltli ltul ltdivltbodylthtml复制上面代码，保存到后缀为html或者htm的文件中，用浏览器打开就可以看到效果效果图如下；html中伸缩菜单，靠当独的一个html或者是css做不出来的，一般是结合jQ或者是js来实现，这里我就用JS来举例吧，主要是做好一个目录，一般是用ulli去布局好就行，然后在给一个id，在通过Js去获取对象，然后设置鼠标的。

你好，很高兴为你作答使用ajax方法，从后台获取菜单，组装菜单信息，构件html代码 形如 quotltliltliquot使用jquery的append或者html等方法将构件的代码嵌入到页面中即可；一二级菜单不下来原因有以下方面1HTML代码各层级嵌套错误2CSS样式控制中没有使用定位属性3定位数值计算错误二正确的解决方案 1清晰的HTML代码层级，如下ltul class=quotmenuquot ltli class=quotnavquot；BIAS0= CMAC，2MAC，2*100BIAS1 = CMAC，12MAC，12*100BIAS2 = CMAC，26MAC，26*100BIAS3 = CMAC，48MAC，48*100HXL=VCAPITAL*100D1=；第一步 在HTML上的文件里加上ulli 标签，在对应的CSS文件中使用下边语句去掉 li 标签前面默认的小圆点 第二步 让 li 标签 浮动 起来，一般设置为左浮动，看看它是不是变成了一横排 第三步 美化一下你。

1利用Dreamweaver新建一个html页面2在body里面输入代码 你好 小鱼 小小 3默认的样式是这样的4编辑li标签的css样式5floatleft代表的是元素左对齐这样li标签就可以横排显示了，liststyle用来去除li；假如想给home建一个二级菜单 ltullt！ main navigation ltli class=quotactivequotlta href=quotindexhtmlquotltspanHomeltspanlta ltul ltliaaaaaaaltli ltlibbbbbbbbltlilt！在上一个li；1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中添加链接在本步骤中，在无序列表；ul li liststyle menu width982pxheight35pxmargintop20pxdisplayblockbackground #e3e3e3background mozlineargradienttop， #ccc， #999background webkitgradientlinear， left。

quot#menu liquot 假设你整个菜单的id是menu，你原来$quotmenuquot貌似有错吧；ltul class=quotnavquot ltliMenultli ltliMenultli ltliMenultli ltliMenultli ltliMenultli ltulltbodylthtml也可以参考这个，带了二级三级下拉列表。