js 호환 표준 테이블 색상 effect_javascript 기술

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

* { 여백:0; 패딩:0; 글꼴 크기:14px }
본문 { text-align:center;} #btn { list-style:none inside; 너비:210px; 여백:10px 자동; 지우기:둘 다; }
#btn li { float:left; 너비:100px; line-height:20px } #btn li a{ display:block; 텍스트 장식:없음; 색상:#333333}
#회색 { 배경:#f5f5f5; 커서: 포인터 }

#green { 배경:#D7ECDE; 커서:포인터 }
테이블 { border-collapse:collapse; 너비:70%; 여백:10px 자동 }
• td { line-height:100%; 높이:24px; 줄 높이:24px; 패딩:0 4px } td a { 텍스트 장식:없음; 색상:#333; 표시:블록; } #tab_gray td { 테두리: 1px 단색 #B9B9B9; 배경: #F2F2F2; }
#tab_green td { 테두리: 1px 단색 #95CCA7; 배경:#EBF5EE; }
#tab_gray td:hover, #tab_green td:hover { 배경:#fff; }

    
        
        
        
    
    
        
        
        
    
    
        
        
        
    

Table	Table	Table
hello	hello	hello
hello	hello	hello

    

회색
    
<script> <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></script>녹색                                                                                                 

테이블	테이블	테이블
안녕하세요	안녕하세요	안녕하세요
안녕하세요	안녕하세요	안녕하세요