w3.css
얼룩말 무늬 테이블
CSS를 사용하여 얼룩말 줄무늬 테이블을 만드는 방법을 알아보자.
테이블에 얼룩말 줄무늬 그리기
1단계) CSS 추가
얼룩말 무늬 테이블을 만들려면 nth-child()선택기를 사용하여 모든 짝수(또는 홀수) 테이블 행에 배경색을 추가한다.
tr:nth-child(even) {
background-color: #f2f2f2;
}
기본 예시
예제 보기참고
W3C School - How TO - Zebra Striped Table
공부 목적 블로그