nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR>* { margin:0; padding:0; font-size:14px } <BR>body { text-align:center;} <BR>#btn { list-style:none inside; width:210px; margin:10px auto; clear:both; } <BR>#btn li { float:left; width:100px; line-height:20px } <BR>#btn li a{ display:block; text-decoration:none; color:#333333} <BR>#gray { background:#f5f5f5; cursor: pointer } <BR>#green { background:#D7ECDE; cursor:pointer } <BR>table { border-collapse:collapse; width:70%; margin:10px auto } <BR>td { line-height:100%; height:24px; line-height:24px; padding:0 4px } <BR>td a { text-decoration:none; color:#333; display:block; } <BR>#tab_gray td { border:1px solid #B9B9B9; background: #F2F2F2; } <BR>#tab_green td { border:1px solid #95CCA7; background:#EBF5EE; } <BR>#tab_gray td:hover, #tab_green td:hover { background:#fff; } <BR> gray green Table Table Table hello hello hello hello hello hello <BR>function green(){ <BR>document.getElementById("tab_gray").id="tab_green"; <BR>} <BR>function gray(){ <BR>document.getElementById("tab_green").id="tab_gray"; <BR>} <BR>
