방법 - 얼룩말 줄무늬 테이블
CSS로 얼룩말 줄무늬 테이블을 만드는 방법을 알아보세요.
얼룩말 줄무늬 표
이름 | 성 | 포인트들 |
---|---|---|
처녀 | 스미스 | 50 |
이브 | 잭슨 | 94 |
아담 | 존슨 | 67 |
얼룩말 줄무늬 표를 만들려면 nth-child()
선택기를 사용하고 모든 짝수(또는 홀수) 표 행에 배경색을 추가합니다.
예시
tr:nth-child(even) {
background-color: #f2f2f2;
}
표의 스타일을 지정하는 방법에 대해 자세히 알아보려면 CSS 표 자습서 로 이동하십시오 .
nth-child() 선택기에 대해 자세히 알아보려면 CSS 선택기 참조 로 이동하세요 .