ul+li+css风格的TAB菜单

#nav_header ul
{...} {
    margin: 0;
    padding: 0px 0;
    list-style: none;
    float: right;
    background: url(images/nav_top_filler.gif) repeat-x left top;
}
#nav_header li
{...} {
    float: left;
    background: url(images/nav_top_left.gif) no-repeat left top;
    margin: 0;
    padding: 0;
}
#nav_header a
{...} {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    float: left;
    display: block;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
    background: url(images/nav_top_right.gif) no-repeat right top;
    padding: 13px 25px 13px 15px;
}

#nav_header a span
{...} {
    border-bottom: #ccc 1px solid;
    padding-bottom: 54px; /**//* hide the underline in normal state, required for hover effect in IE */
}

#nav_header a:hover span
{...} {
    border-bottom: #c0c0c0 1px solid;
    padding-bottom: 2px;
}

 

#tabNavMStar ul
{...} {
 margin:0;
 margin-top:10px;
 padding: 3px 0;
 border-bottom: 1px solid #666666; 
 font: bold 12px Verdana, sans-serif;
}
#tabNavMStar li
{...} {
 list-style: none;
 margin: 0;
 display: inline;
 
}

#tabNavMStar li a
{...} {
 padding: 3px 3px;
 margin-left: 4px;
 border: 1px solid #666666;
 border-bottom: none;
 background: #E6E6E6;
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight:normal; color: #000000; text-decoration: none;
}

#tabNavMStar li.activedTab a 
{...} {
 background: white;
 border-bottom: 1px solid white;
}

ul.tabbernav
{...} {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{...} {
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{...} {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link  {...} { color: #448; }
ul.tabbernav li a:visited  {...} { color: #667; }

ul.tabbernav li a:hover
{...} {
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{...} {
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{...} {
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}