分享红色经典二级导航代码

请先看效果图噢：


效果预览：www.jiaheren.com

代码如下：

1. <div class="box pt5">
   
2. <style type="text/css">.index_nav1{background-color:#fff;border: #acd2e9 1px solid;height: 60px;overflow:hidden;}.index_nav1 ul{padding-right: 12px;padding-left: 15px;background: url(http://www.jiaheren.com/static/image/index_nav1_line.gif) no-repeat left 50%;float: left;margin-top:8px;}.index_nav1 ul li{line-height: 22px;}.index_nav1 ul li a{color: #069;}.index_nav1 ul li strong a{color: #c00;}.index_nav1 ul li a:hover{color: #f60;}.index_nav2{color:#666;padding-left:8px;background:#fff url(http://www.jiaheren.com/static/image/index_nav2_bg.gif) repeat-x 0 0;line-height: 28px;height: 28px;border:solid 1px #e2e2e2;}.index_nav2 a{margin:0 4px;color:#4d4d4d;}.index_nav2 a:hover,.index_nav2 a font{color:#f60;}</style>
   
3. <div class="index_nav1">  
   
4.     <ul style="background-image:none">
   
5.       <li><strong><a >论坛</a></strong>  <a >嘉禾新闻</a>  <a >话说嘉禾</a></li>
   
6.       <li><strong><a >亲子</a></strong>  <a >早教幼教</a>  <a >亲子沟通</a></li>
   
7.     </ul>
   
8.     <ul>
   
9.       <li><strong><a >交友</a></strong>  <a >男找女</a> <a >女找男</a>
   
10.                 <a >自我秀</a></li>
    
11.       <li><strong><a >美图</a></strong>  <a >美女</a>  <a >帅哥</a>
    
12.                 <a >素材</a>
    
13.                 <a >风景</a></li>
    
14.     </ul>
    
15.     <ul>
    
16.       <li><strong><a >人才</a></strong>  <a >企业招聘</a>  <a >求职</a></li>
    
17.       <li><strong><a >健康</a></strong>  <a >笑话</a>  <a >美食</a>  <a >祝福</a></li>
    
18.     </ul>
    
19.     <ul>
    
20.       <li><strong><a >积分商城</a></strong>  <a >活动</a>  <a >规则</a></li>
    
21.       <li><strong><a >博客家园</a></strong>  <a >相册</a>  <a >分享</a></li>
    
22.     </ul>
    
23.     <ul>
    
24.       <li><strong>
    
25.                 <a >音乐</a></strong>  <a >电视</a> <a >许愿</a>
    
26.                 <a >
    
27.                 PS</a></li>
    
28.       <li><strong><a >群组</a></strong>  <a >一中</a>
    
29.                 <a >恋爱技巧</a></li>
    
30.     </ul>
    
31.     <ul style="padding-right:0">
    
32.       <li><strong><a >新闻</a></strong>  <a >娱乐新闻</a>  <a >国内新闻</a></li>
    
33.       <li><strong><a >美食</a></strong>  <a >美食视频</a>  <a >美食菜谱</a></li>
    
34.     </ul>
    
35.     <div class="clear"></div>
    
36.   </div>
    
37. 
    
38. 
    

复制代码

如果觉得不错 欢迎大家支持 顶贴噢 ！第一次发帖呢 哈哈

先自己占个沙发先 呵呵

之前的截图没弄好

很漂亮怎么修改呢