一款CSS绿色菜单，舞曲音乐网站导航代码

发布时间：2018-09-11 19:12:02 所属栏目：政策来源：站长网

导读：一款CSS绿色菜单，舞曲音乐网站导航代码，小编见过兼容性比较差的菜单，如果您打算使用，还需要进行一些修改，菜鸟童鞋可以直接路过，高手不妨来完善一下，记得给烈火网投稿哦。示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http

　　一款CSS绿色菜单，舞曲音乐网站导航代码，小编见过兼容性比较差的菜单，如果您打算使用，还需要进行一些修改，菜鸟童鞋可以直接路过，高手不妨来完善一下，记得给烈火网投稿哦。

　　示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>简单绿色音乐舞曲网站导航菜单</title> <style> * { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } BODY { BACKGROUND-COLOR: #ffffff; MARGIN: 0px auto; COLOR: #000000; FONT-SIZE: 9pt } #menubar{background:url(/uploads/allimg/1107/header_mbg.gif) repeat-x;height:34px;padding-top:4px; margin-top:80px;} #menubar ul.menus{margin:0px auto 0px;width:962px;} #menubar ul.menus li {float:left;margin-top:7px; list-style:none;} /* 菜单项链接 */ #menubar ul.menus li a { padding:2px 10px; /* 内边距 */ display:block; /* 显示为块 */ color:#FFF; text-decoration:none; font-weight:bold; font-size:14px; } #menubar ul.menus li a:hover { text-decoration:underline; color:#000; } /* 当前菜单位置 */ #menubar ul.menus ul { position:absolute; } </style> </head> <body style="text-align:center"> <div id="menubar"> <ul id="menus" class="menus"> <li><a href="/" target="index" title="DJ">首页</a></li> <li><a href="/" target="list">舞曲风格</a> </li> <li><a href="/" target="list">中文舞曲</a> </li> <li><a href="/" target="list">外国舞曲</a> </li> <li><a href="/" target="list">现场串烧</a> </li> <li><a href="/" target="list">最新舞曲</a></li> <li><a href="/" target="list">月份舞曲</a></li> <li><a href="/" target="list">其它舞曲</a> </li> <li><a href="http://www.veryhuo.com/down">模板下载</a> </li> <li id="other"></li> </ul> </div> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!