很多小伙伴学习了一段时间的HTML和css，就想自己动手试试制作导航条菜单，不过却没有思路，今天小编我就来分享一下HTML和css制作导航条的实例，大家可以参考参考如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li。

我做一个例子吧，ltdiv style=quotwidth200pxheight300pxborder1px red solidfloatleftquot 左边内容 ltdiv ltdiv style=quotwidth400pxheight300pxborder1px red solidfloatleftmarginleft4pxquot 右边。

ltdiv这个是菜单栏的代码，以下是CSS样式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px。

如果你这个二级菜单是什么标签做成的如果不是DIV或者其他的话，建议用区块来做你没有贴代码，但据我的经验来看，你导航应该是直接插入的图片，不是用的背景图片，所以你的图片会掉下来，因为图片本身为内联块，会占用一。

为什么不要js的呢用js不是很简单吗，又不会产生那么多需要兼容的问题jquery水平二级导航栏实例atextdecoration outline cursorpointercolorwhiteul liststyle ul lifloat leftmargin。

css技巧分享如何用css制作横向二级下拉菜单 工具材料记事本 浏览器 打开Notepad，先输入一个页面框架好了，接下来就该定义页面的标题关键词描述了content=。

框架好了，那么就该定义页面的title，关键词keyword，和描述description meta charset=#34UTF8#34 content=#34texthtml#34。

ltlilta href=quot#quot二级菜单_01ltaltli ltlilta href=quot#quot二级菜单_02ltaltli ltul lt！if lte IE 6lttdlttrlttableltalt！endif ltli ltul ltdiv ltbody。

样式代码改成这样 ul， li margin 0px padding 0px ul liststyle a fontsize 12px color #000000 textdecoration navWrapper width 100px height 30px。

CSS就是样式表 DIV就是层块 大家常说的CSS+DIV 是种现在比较流行的做网站的一种布局法 就是用CSS+DIV布局，一个网站由各个层组成，而不再用表格TABLE来布局 这样做的效果1，代码可更简洁 2，改版方便 3，搜索引擎比较。