#1. HTML
1 2 3 4 | <ul> <li class="tab-active"><a href="#">오늘예정</a></li> <li class="tab-non-active"><a href="#">전체</a></li> </ul> | cs |
#2. CSS
1 2 3 4 5 6 7 8 9 10 11 12 | .tab-active{ border:1px solid #eaeaea; border-bottom:1px solid white; border-radius: 3px 3px 0 0; color:#2FADE7; border-top:3px solid #2fade7; } .tab-non-active{ border:none; color:#eaeaea; border-top:3px solid white; } | cs |
#3. Result
'퍼블리싱 > CSS' 카테고리의 다른 글
CSS - 박스섀도우 안에 넣는법 (0) | 2016.03.29 |
---|---|
checkbox 다른이미지로 교체 (0) | 2016.03.17 |
box-sizing (0) | 2016.02.11 |
백그라운드이미지와 배경색을 겹치기 (0) | 2016.01.15 |
고정페이지에서 스크롤 만들기 (0) | 2016.01.14 |