网友俱乐部 » » HTML/CSS教程 » 绿色下划线的简洁CSS导航代码

2008-4-25 08:02 lonjew
绿色下划线的简洁CSS导航代码

  


网页设计秀

body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center}
#navcontainer{width:778px}
#navlist
  {
   margin: 0;
   padding: 0 0 20px 20px;
   border-bottom: 1px solid #444;
  }
  #navlist ul, #navlist li
  {
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
  }
  #navlist a:link, #navlist a:visited
  {
   float: left;
   line-height: 14px;
   margin: 0 10px 4px 10px;
   text-decoration: none;
   color: #999;
  }
  #navlist a:link#current, #navlist a:visited#current, #navlist a:hover
  {
   border-bottom: 1px solid #76B41C;
   padding-bottom: 5px;
   background: transparent;
   color: #fff;
  }
  #navlist a:hover { color: #fff; }



   
   


Link 01
Link 02
Link 03
Link 04
Link 05
Link 06
Link 07
Link 08
Link 09

页: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.