분류
css
CSS Zebra Striping a Table 얼룩무늬효과
본문
부트스트랩같은 CSS프레임워크를 이용하면 이런 효과를 위해 클래스를 하나 추가해 주면 됩니다.
그럼 CSS로 직접 표현할 때는 아래와 같이 하면 됩니다.
그러면 테이블에서 홀수 줄마다 회색배경효과가 들어가겠지요?
CSS:
tbody tr:nth-child(odd) {
background-color: #ccc;
}
- 이전글CSS 문서 중앙 정렬 15.04.27
- 다음글CSS 상단 또는 하단을 고정할 때 15.04.27