本站代码之导航菜单

在head.php文件增加以下代码

 
接着输入以下内容到style.css里

#menunav{position:relative;height:40px;width:100%}
#menunav ul.headmenu{list-style-type:none;margin:1px 0;padding:0;position:absolute;overflow:hidden;font-size:18px;font-weight:700;text-align:center;height:45px;float:left}
#menunav ul.headmenu li{display:inline;margin:0;padding:0}
#menunav ul.headmenu a{border-left:1px solid #222;display:inline;float:left;font-size:16px;font-weight:700;padding:12px 5px;text-decoration:none;white-space:nowrap}
#menunav ul.headmenu a:link,#menunav ul.headmenu a:visited{color:#000;font-family:Arial Black,Impact, Charcoal, sans-serif}
#menunav ul.headmenu li a:hover{color:#fff}
#menunav ul.headmenu li.current a:link,#menunav ul.headmenu li.current a:visited{background:#000;color:#fff}
#menunav ul.headmenu li.current a:hover{background:#c00;color:#fff}
#menunav ul.headmenu li.current-cat a{background:#333;color:#fc0}

其中#menunav ul.headmenu li.current-cat a为当前导航的样式代码,如下图: