解决代码输入问题,减少人工调整,先发一段代码测试。
[code]
#menu{width:960px;margin:10px auto 0px;border:1px #aaa;-webkit-box-shadow:#ccc 0 0 5px;-moz-box-shadow:#CCC 0 0 5px;box-shadow:#CCC 0 0 5px;background:#FFF;height:35px}
/*#menu{width:960px;margin:10px auto 0px;border:1px solid #aaa;-webkit-box-shadow:#ccc 0 0 5px;-moz-box-shadow:#CCC 0 0 5px;box-shadow:#CCC 0 0 5px;background:#FFF;height:35px}*/
#footer{width:960px;margin:30px auto 10px;border:1px solid #aaa;-webkit-box-shadow:#CCC 0 0 5px;-moz-box-shadow:#CCC 0 0 5px;box-shadow:#CCC 0 0 5px;background:#FFF;height:35px}
#menu ul li,#footer ul li{float:left;text-align:center;min-width:57px}
#menu ul li a,#footer ul li a{font-size:14px;display:block;padding:7px 14px;white-space:nowrap}
#menu ul li:hover a,#footer ul li:hover a{transform:rotate(6deg);-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg)}
#menu ul li:hover,#footer ul li:hover{background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#menu ul li.current-cat a,.current_page_item a{color:#1ba1e2}
.menub{font-size:12px;position:relative;z-index:100;}
.menub ul{list-style:none;}
.menub li {float:left;position:relative;}
.menub ul ul {visibility:hidden;position:absolute;}
.menub table {position:absolute; top:0; left:0;}
.menub ul li:hover ul,
.menub ul a:hover ul{visibility:visible;}
.menub a{display:block;background:#ffffff;padding:0px;margin:0px;color:#777777;text-decoration:none;}
.menub a:hover{background:#f2f2f2;color:#f09609;}
.menub ul ul{}
.menub ul ul li {clear:both;text-align:left;font-size:12px;}
.menub ul ul li a{display:block;width:100px;height:13px;margin:0;border-bottom:1px solid #000000;}
.menub ul ul li a:hover{border:0;background:#bce27f;}/*鼠标在二级分类上时的背景颜色*/
[/code]