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;}