当前位置:96看吧 > 实用代码 > 导航菜单 > 绿色纯CSS实现的导航菜单

绿色纯CSS实现的导航菜单

时间:2013/10/29
作者:诚心
来源:96看吧
查看:
标签:导航菜单

CSS导航菜单

该导航菜单是绿色色调,基于纯CSS实现的CSS导航菜单,适合任何企业站,96看吧推荐。

CSS代码部分:

  1. #navigation { width950pxheight50pxmargin:0 autopadding0backgroundurl(images/navigation-bg.jpg) no-repeat left top; }  
  2. #navigation ul { list-stylenonemargin0padding0; }  
  3. #navigation ul li { displayinlinemargin0px; }  
  4. #navigation ul li a { height:33pxdisplayblockfloatleftpadding17px 15px 0 15pxfontbold 12px Arialcolor#FFFtext-decorationnonebackgroundurl(images/navigation-separator.png) no-repeat right center; }  
  5. #navigation ul li a:hover { color:#3B3B3Bbackgroundurl(images/navigation-hover.png) repeat-x left top; }  
  6. #navigation ul li#active a { color:#3B3B3Bbackgroundurl(images/navigation-hover.png) repeat-x left top; } 

相关内容:

蓝色导航菜单

黄色导航菜单

上一篇:纯CSS实现的蓝色导航菜单
下一篇:纯CSS实现的红色的导航菜单
演示地址
Demo
下载地址
Down
页面举报
Report
关闭页面
Close
收藏页面
Favorites
分享页面
Share
版权信息:栏目内,站内会员所分享的全部“资源/素材/文章”,仅供学习与参考,版权为原作者所有。
下载提示:非注册用户每天可下载一个文件,已注册会员不受限制。
相关最新
相关热门