仿按钮效果div css导航菜单;仿按钮效果导航菜单下

温馨小护士：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效（如运行代码和复制代码保存代码不可用是因为浏览器导致请朋友选择使用鼠标复制）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <head> <title>仿按钮效果的导航菜单--欢迎光临SEO门户 http://ww.hao289.com 提供最新关于空间网站等特效代码--</title> <FCK:meta http-equiv="content-type" content="text/html;charset=gb2312" />  <style type="text/css"> #navigation{ font-size:90% } #navigation ul{ list-style:none; margin:0; padding:0; padding-top:1em; } #navigation li{ display:inline; } #navigation a:link,#navigation a:visited{ margin-right:0.2em; padding:0.2em 0.6em 0.2em 0.6em; color:#A62020; background-color:#FCE6EA; text-decoration:none; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #717171; border-right:1px solid #717171; } #navigation a:hover{ border-top:1px solid #717171; border-left:1px solid #717171; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; } </style> </head> <body>  <div id="navigation"> <ul> <li><a href="#" _fcksavedurl="#">11</a></li> <li><a href="#" _fcksavedurl="#">22</a></li> <li><a href="#" _fcksavedurl="#">33</a></li> <li><a href="#" _fcksavedurl="#">44</a></li> </ul> </div> </body> </html>

搜索

热门标签

仿按钮效果div css导航菜单;仿按钮效果导航菜单下