给大家分享一款简洁、大气的二级导航。

☆龙飞鳯武☆ · 发表于 2014-8-14 09:21:51

本帖最后由 ☆龙飞鳯武☆ 于 2014-8-14 09:23 编辑

废话不说，上图。觉得好，就拿去吧！
演示地址: www.aqrenren.com

<style>
.nav_bd {width:960px; height:63px; margin:0 auto; background:url(<A >http://www.aqrenren.com/portal.php</A>) 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(<A >http://www.aqrenren.com/portal.php</A>) no-repeat 10px 9px;padding:0 13px 0 19px;text-decoration:none;}
.nav_bd_ul li a:hover{background:url(<A >http://www.aqrenren.com/portal.php</A>) no-repeat 5px center;color:#FF0066;text-decoration:none;}
</style>
<div class="nav_bd">
<ul class="nav_bd_ul">
<li><a href="forum-151-1.html">今日安庆</A></li>
<li><a href="forum-180-1.html"人人问吧</A></li>
<li><a href="forum-153-1.html"安庆房产</A></li>
<li><a href="forum-152-1.html"安庆招聘</A></li>
<li><a href="forum-87-1.html"家居装修</A></li>
<li><a href="forum-181-1.html"易学风水</A></li>
<li><a href="forum-95-1.html"安庆美食</A></li>
<li><a href="forum-173-1.html"征婚交友</A></li>
<li><a href="forum-114-1.html"我拍我秀</A></li>
<li><a href="forum-65-1.html"艺术摄影</A></li>
<li><a href="forum-155-1.html"电脑数码</A></li>
<li><a href="forum.php?gid=97"车行天下</A></li>
<li><a href="forum-149-1.html"户外旅行</A></li>
<li><a href="forum-131-1.html"人人灌水</A></li>
<li><a href="forum.php?gid=142"谈婚论嫁</A></li>
<li><a href="forum-174-1.html"金币兑换</A></li>
<li><a href="forum-113-1.html"家有儿女</A></li>
<li><a href="forum-74-1.html"情感天空</A></li>
<li><a href="forum-88-1.html"投资理财</A></li>
<li><a href="forum-147-1.html"影音在线</A></li>
</ul>
</div>

复制代码

☆龙飞鳯武☆ · 发表于 2014-8-14 10:18:42

沙发占位编辑！！

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

[素材] 给大家分享一款简洁、大气的二级导航。

本帖子中包含更多资源