ltstyle ltdiv class=quotnavquot lta href=quot#quot这是一个链接lta lta href=quot#quot这是一个链接lta lta href=quot#quot这是一个链接lta lta href=quot#quot这是一个链接lta ltdiv 大概就这样了，用了css圆角。

先码好导航栏所需要的基本的HTML代码 这个就不必多说具体的代码如下lthtml lthead lttitle横向导航栏lttitle ltstyle lt！ ltstyle lthead ltbody ltdiv class=quotnavquot ltul ltlilta href=quot#quot首页。

我的代码ltdivid=quotnav_2quotltulid=quotnavquotclass=quotlink1quotltliltahref=quotWe 要横向弹出式的导航条 而且可以给弹出的导航一个背景！要单纯的CSS的代码 急急急急急急！我的代码ltdiv id=quotnav_2quot ltul id=quotnavquot。

ltdiv id=quotlanPosquotltdiv ltul 3书写css代码ltstyle html， body， div， span， object， iframe， h1， h2， h3， h4， h5， h6， p， blockquote， pre， abbr， address， cite， code， del， dfn， em， img。

lt！ ul margin 0pxpadding 0pxliststyletype li float left a， avisited display blockheight 40pxwidth 80pxtextalign centerlineheight 40pxcolor #000000back。

正好在写这么个导航条效果l lt！头部导航开始 ltdiv class=quottop w1000 bcquot ltul ltli class=quottop_leftquotltli ltli class=quothome w100quotltli ltilti ltli class=quotw100quotlta href=quot#quot快速导航。

用CSS控制的下拉菜单，在各个浏览器中表现的不够完美，最佳的方法是使用jQuery来制作，代码如下，加了一个缓动的效果HTML部分ltdiv id=quotnavquot ltul ltlilta href=quot#quot菜单零ltaltli ltlilta href=quot#quot。

1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果。

你可以用 dispalyblock 然后定义span 的width 和 height 再来用background的属性来添加以下背景图片我看过一些代码，他们有的是在 ltA 这个标签里面来定义宽和高，然后再设置背景的不过一般实现导航条的都是用div +。

简单谢了一个，主要涉及一个浮动，一个hover的隐藏，显示，不是很复杂，可以自己尝试写下，以下代码仅供参考 lt！DOCTYPE htmllthtml lthead ltstyle divmenubar margin0 auto width 1024px。

5创建横向导航的样式 在ltstyle标签里添加一个样式类为navli，然后再navli类中设置样式背景颜色为红色，浮动为左浮动，内边框上下为8px左右为15px，列表属性为，字体颜色为白色样式代码为navliback。

div统一设置底边框颜色 统一设置后 用css设置hover时去掉底边框加上其他三方向边框 即可\ 注意div里面用ul和li时 li定义统一的class名就行了 ，classhoverborderbottom1px orange这样。

让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了下面是简单的代码实现，仅供参考ltstyle* margin0px padding0pxli liststyle width100px height30px font。

楼上的明显不对我不看代码只看图就知道你 ul 里没有加宽度 加flaot的元素必须加宽度，而且外层也得有宽度 最后别忘了清除浮动 这样写 lthtml lthead ltmeta。

3修改title为html+css实现横向导航4新建一个div id为“a”，添加ul li标签5在li中添加自己想要的文字 并调整好文字间距，按F12预览，如下图所示6首先去掉字体前面的小黑点，代码如下7预览，如图所示8。

ltdiv position=quottopquot这么写肯定是有问题的必须是写在CSS里或者引在style里吧可能是我拙见了总之不是top的高度值小了，就是iframe里的高度小了哦。

你不能把indhl5包在indhl里面，你要放在外面 ltdiv class=quotoutplanquot ltdiv class=quotindhlquotltdiv ltdiv class=quotindhl5quotltdiv ltdiv 然后你给indhl加个浮动floatleft就行了。

ltdiv id=quotTabquot ltdiv class=quotMenuboxquot ltul ltli id=quotmenu1quot onmouseover=quotsetTab#39menu#39，1，2quot class=quothoverquot高职高专ltli ltli id=quotmenu2quot onmouseover=quotsetTab#39menu#39，2，2quot 民办学校ltli。