분류 css

CSS Zebra Striping a Table 얼룩무늬효과

컨텐츠 정보

  • 조회 1,554 (작성일 )

본문

부트스트랩같은 CSS프레임워크를 이용하면 이런 효과를 위해 클래스를 하나 추가해 주면 됩니다.

 

그럼 CSS로 직접 표현할 때는 아래와 같이 하면 됩니다.

그러면 테이블에서 홀수 줄마다 회색배경효과가 들어가겠지요?

 

CSS:

 

tbody tr:nth-child(odd) {

   background-color: #ccc;

} 

css