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

纯CSS的导航菜单代码

时间:2009/12/23
作者:诚心(MaWenDong)
来源:96看吧
查看:
标签:导航菜单

纯CSS实现的红色风格导航菜单代码,该导航菜单兼容多数浏览器。

sytle的核心代码如下:

  1. <style type="text/css"
  2. .solidblockmenu { margin0padding0floatleftfontbold 13px Arialwidth100%border1px solid #625e00border-width1px 0backgroundblack url(blockdefault.gif) center center repeat-x; } 
  3. .solidblockmenu li { displayinline; } 
  4. .solidblockmenu li a { floatleftcolorwhitepadding9px 11pxtext-decorationnoneborder-right1px solid white; } 
  5. .solidblockmenu li a:visited { colorwhite; } 
  6. .solidblockmenu li a:hover, .solidblockmenu li .current { colorwhitebackgroundtransparent url(blockactive.gif) center center repeat-x; } 
  7. </style> 

 

上一篇:风声JS代码导航菜单
下一篇:5款CSS横向下拉导航菜单
演示地址
Demo
下载地址
Down
页面举报
Report
关闭页面
Close
收藏页面
Favorites
分享页面
Share
版权信息:栏目内,站内会员所分享的全部“资源/素材/文章”,仅供学习与参考,版权为原作者所有。
下载提示:非注册用户每天可下载一个文件,已注册会员不受限制。
网友评论
数据载入中
验证码
  • 请您注意:
  • ·请不要在评论中含与内容无关的广告链接。
  • ·不良评论请用报告管理员,以利管理员及时删除。
  • ·遵守中华人民共和国的各项有关法律法规
  • ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • ·本站管理人员有权保留或删除评论中的任意内容
  • ·您在本站发表的作品,本站有权在网站内转载或引用
  • ·参与本评论即表明您已经阅读并接受上述条款
相关最新
相关热门