css 테이블 스타일

3674 단어 css
자세히 보기
1. css 테이블 스타일


    
학생 정보
학번 성명 성별 생년월일
위안복남2012-12-12
2002 두자등녀 2011-11-11
3003사진상녀 2010-10-10
4004 매독녀
5005 월남
총 5개 데이터
1) 테이블의 테두리 설정

border:      ;
border-collapse:      ,     separate(  )collapse  ;
border-spacing:        ;
padding:               ;



2) 테이블의 너비 설정

table-layout
  auto    ,              ;
fixed          ;



3) 테이블 행 분리 색상 설정

tbody tr.even{background-color: #AAA;}



4) 테이블 열 스타일 설정, 연결 선택기 사용

th+td{text-align: center;}
th+td+td+td{text-align: center;background-color: red;}



5) 마우스 경과 시 변색 효과 설정

tbody tr:HOVER {background-color: aqua;}



좋은 웹페이지 즐겨찾기