Discuz! X通用经典简约二级导航代码免费分享

显示全部楼层 · 2019-2-7 07:48

<style>
.nav_menu{ width:953px; padding:5px 0 5px 5px; margin:0 auto; overflow:hidden; background:#f8f8f8; color:#999; border:1px solid #dfdfdf; border-top:none;}
.nav_menu ul li{ line-height:24px;}
.nav_menu ul li a{ margin:0 3px;}
.nav_menu1{ background:url({IMGDIR}/nav_pd.gif) no-repeat left 2px; padding:0 10px 0 35px; float:left;}
.nav_bm{ background:url({IMGDIR}/nav_bm.gif) no-repeat left 2px;}
.nav_lt{ background:url({IMGDIR}/nav_lt.gif) no-repeat left 2px;}
.nav_hy{ background:url({IMGDIR}/nav_hy.gif) no-repeat left 2px;}
</style>
<div class="nav_menu">
<div class="nav_menu1">
<ul>
<li>
<a ><b>爱车一族</b></a> | <a ><font color='#E11'>购物达人</font></a> | <a >家居装修</a>
</li>
<li>
<a ><b>综艺娱乐</b></a> | <a ><font color='#E11'>游山玩水</font></a> | <a >数码通讯</a>
</li>
</ul>
</div>
<div class="nav_menu1 nav_lt">
<ul>
<li>
<a ><b>武汉新闻</b></a> | <a ><font color='#E11'>谈天说地</font></a> | <a >商业信息</a>
</li>
<li>
<a ><b>爆料趣闻</b></a> | <a ><font color='#E11'>电话号码</font></a> | <a >求职招聘</a>
</li>
</ul>
</div>
<div class="nav_menu1 nav_bm">
<ul>
<li>
<a ><b>便民信息</b></a> | <a ><font color='#E11'>生活百科</font></a> | <a >男婚女嫁</a>
</li>
<li>
<a ><b>健康养身</b></a> | <a ><font color='#E11'>妈妈宝宝</font></a> | <a >情感驿站</a>
</li>
</ul>
</div>
<div class="nav_menu1 nav_hy">
<ul>
<li>
<a ><b>江城美食</b></a> | <a ><font color='#E11'>商场专卖</font></a> | <a >武汉团购</a>
</li>
<li>
<a ><b>江城楼市</b></a> | <a ><font color='#E11'>宠物花草</font></a> | <a >幽默笑话</a>
</li>
</ul>
</div>
</div>

复制代码

二级导航.zip (7.62 KB, 下载次数: 882)

香蕉 · 2019-8-20 03:28

技术学习教程网，支持一下。

Discuz! X通用经典简约二级导航代码免费分享

相关帖子