또는 스폰지선 테이블을 만들기 방법

CSS를 사용하여 스폰지선 테이블을 만들어보는 방법을 배웁니다.

스폰지선 테이블

이름 성 점수
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

스폰지선 테이블을 만들기 위해 사용하세요 :nth-child() 선택자를 선택하고 모든 짝수(또는 홀수) 행에 배경색을 추가하세요：

예제

tr:nth-child(even) {
  background-color: #f2f2f2;
}

직접 시험해보세요

관련 페이지

강의:CSS 테이블

참조 설명서:CSS nth-child() 선택자