这篇文章将为大家详细讲解有关CSS中导航条菜单的实现方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<metaname="keywords"content=""/>
<metaname="description"content=""/>
<title>横版导航</title>
<linkrel="stylesheet"href="style.css"type="text/css"/>
</head>
<bodystyle="text-align:center">
<p> </p>
<pclass="blue">
<pid="slatenav">
<ul>
<li><ahref="http://sc.chinaz.com/"title="cssmenus"class="current">首页</a></li>
<li><ahref="http://sc.chinaz.com/"title="cssmenus">菜鸟笔记</a></li>
<li><ahref="http://sc.chinaz.com/"title="cssmenus">菜鸟工具</a></li>
<li><ahref="http://sc.chinaz.com/"title="cssmenus">参考手册</a></li>
<li><ahref="http://sc.chinaz.com/"title="cssmenus">用户笔记</a></li>
<li><ahref="http://sc.chinaz.com/"title="cssmenus">测验/考试</a></li>
<li><ahref="http://sc.chinaz.com/"title="cssmenus">本地书签</a></li>
<li><ahref="http://sc.chinaz.com/"title="cssmenus">登录</a></li>
</ul>
</p>
</p>
</body>
</html>
关于“CSS中导航条菜单的实现方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。