집 >웹 프론트엔드 >JS 튜토리얼 >자바스크립트 테이블 하이라이팅 클래스 적용[고급]_전형적인 특수효과

자바스크립트 테이블 하이라이팅 클래스 적용[고급]_전형적인 특수효과

WBOY원래의: 2016-05-16 18:42:391151검색

<title>테이블 하이라이트</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <style type="text/css"> 
        * { 
            font-size: 11px; 
            font-family: verdana, arial, sans-serif; 
        } 
         
        table { 
            border: 1px solid #ccc; 
            margin: 0 auto; 
        } 
         
        th { 
            background-color: #f7f7f7; 
        } 
         
        td, th { 
            padding: 15px; 
            border: 1px solid #ccc; 
        } 
         
        tr.alternate { 
            background-color: #efd; 
        } 
         
        .bold { 
            font-weight: bold; 
        } 
         
        .red { 
            color: red; 
            font-weight: bold; 
        } 
         
        .blue { 
            background-color: blue; 
        } 
         
        /* Used with crosshairs.js */ 
        .hoverHilight { 
            background-color: #ffffc0; 
            cursor: pointer; 
        } 
         
        .activeCellHilight { 
            background-color: #c0dbff; 
            color: blue; 
        } 
    </style>

성명：

이전 기사：CSS 마우스 호버 메뉴 이미지 교환 기술 구현_탐색 메뉴다음 기사：CSS 마우스 호버 메뉴 이미지 교환 기술 구현_탐색 메뉴

자바스크립트 테이블 하이라이팅 클래스 적용[고급]_전형적인 특수효과

관련 기사