经典简单实用漂亮的二级导航

滇族部落 · 发表于 2013-4-8 16:32:09

<style>
.nav_bd {width:960px; height:63px; margin:0 auto; background:url(http://bbs.wuhua5.com/ad/nav_bg3.jpg) no-repeat;overflow:hidden;}
.nav_bd_ul{margin:7px 0px 0 7px;float:left;width:960px;}
.nav_bd_ul li{height:25px;width:94px;line-height:25px;border-left:1px dashed #ccc;float:left;}
.nav_bd_ul li a{font-size:14px;color:#0099CC;display:block;width:60px;height:25px;background:url(http://bbs.wuhua5.com/ad/comiis_ico.png) no-
repeat 10px 9px;padding:0 13px 0 19px;text-decoration:none;}.nav_bd_ul li a:hover{background:url(http://bbs.wuhua5.com/ad/comiis_navbg.gif) no-repeat 5px center;color:#FF0066;text-decoration:none;}
</style>
<div class="nav_bd">
<ul class="nav_bd_ul">
<li><A title=昆明论坛 >昆明论坛</A></li>
<li><A title=昆明新闻 >昆明新闻</A></li>
<li><A title=昆明记忆 >昆明记忆</A></li>
<li><A title=昆明百科 >昆明百科</A></li>
<li><A title=昆明美食 >昆明美食</A></li>
<li><A title=手机论坛 >手机论坛</A></li>
<li><A title=昆明杂谈 >昆明杂谈</A></li>
<li><A title=昆明旅游 >昆明旅游</A></li>
<li><A title=图说天下 >图说天下</A></li>
<li><A title=版主申请 >版主申请</A></li>
<li><A title=昆明问答 >昆明问答</A></li>
<li><A title=社会百态 >社会百态</A></li>
<li><A title=国内新闻 >国内新闻</A></li>
<li><A title=昆明二手 >昆明二手</A></li>
<li><A title=情感天空 >情感天地</A></li>
<li><A title=昆明地铁 >昆明地铁</A></li>
<li><A title=昆明地图 >昆明地图</A></li>
<li><A title=信息发布 >信息发布</A></li>
<li><A title=论坛Q群 >论坛Q群</A></li>
<li><A title=站务管理 >站务管理 </A></li>
</ul>
</div>

复制代码

演示网站：www.dianzubuluo.com

如图：

可爱的轩轩 · 发表于 2013-4-8 20:17:17

还是调用外部图片

ilei365 · 发表于 2013-4-8 20:38:49

无图无真相。。。。

→奇仁√ · 发表于 2013-4-8 21:26:48

AD检测

4947046 · 发表于 2013-4-11 14:54:54

楼主说的是真到吗？

1263104 · 发表于 2013-4-17 22:26:18

提示: 作者被禁止或删除内容自动屏蔽

1263104 · 发表于 2013-4-22 08:17:01

提示: 作者被禁止或删除内容自动屏蔽

		自动登录	找回密码
密码			立即注册

[发布] 经典简单实用漂亮的二级导航