정보실

웹학교

정보실

css CSS Zebra Striping a Table 얼룩무늬효과

본문

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

 

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

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

 

CSS:

 

tbody tr:nth-child(odd) {

   background-color: #ccc;

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 254회 ]  작성일15-04-27 23:44
css

웹학교