css hover
1,601
2015.10.28 23:12
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=1zg 주소복사
본문
css hover를 이용하면 마우스를 올렸을때 변화를 줄 수있습니다.
그리고 hover의 위치를 조금만 바꿔주면 색다른 결과를 만들 수 있습니다.
.box2 { padding: 5px 5px; background : #3A3A44; } .box2:hover { background : #DE1838; }
기본적인 hover의 사용 예
box2에 hover를 설정하였기때문에 해당박스에 마우스가 올라가면 배경색이 빨갛게 변합니다.
-------------------------------------------------------------------------------------------------------
.box2 a { color: #FFC200; } box2 a:hover { color: #fff; }
기본인적인 hover의 사용 예
a태그를 가진 콘텐츠에 대한 hover가 설정되었기때문에,
마우스를 콘텐츠에 올렸을시 글자색이 변합니다.
-------------------------------------------------------------------------------------------------------
.box2:hover a { color: #fff; }
응용 hover의 사용 예
hover의 위치를 a보다 앞에 두었기때문에
박스에 마우스가 올라가면 a태그를 가진 콘텐츠의 색상이 변합니다.
0
좋아요!
3
레벨 11
경험치 12,835
Progress Bar 84%
- 가입일 : 2015-05-25 15:21:28
- 서명 :
- 자기소개 : 태연 아이유를 좋아합니다.
Total 13건 1 페이지
번호 | 제목 | 글쓴이 | 날짜 | 뷰 | 추천 |
---|---|---|---|---|---|
13 | 곡우 | 2016.11.22 | 13,903 | 0 | |
12 | red123 | 2016.07.09 | 5,731 | 2 | |
11 | 이윰MOUNT | 2015.11.20 | 5,726 | 0 | |
10 | 이윰EGG | 2015.11.06 | 5,078 | 0 | |
9 | 이윰EGG | 2015.10.30 | 2,708 | 0 | |
열람 | 미니언즈 | 2015.10.28 | 1,602 | 0 | |
7 | 미니언즈 | 2015.10.28 | 1,600 | 0 | |
6 | 미니언즈 | 2015.10.27 | 2,371 | 1 | |
5 | 이윰IN | 2015.10.27 | 5,786 | 1 | |
4 | 이윰MOUNT | 2015.10.26 | 7,926 | 2 | |
3 | 이윰IN | 2015.10.25 | 2,550 | 0 | |
2 | 미니언즈 | 2015.10.25 | 1,714 | 1 | |
1 | 프리피피티 | 2015.09.23 | 2,845 | 0 |
댓글목록
티보리님의 댓글
지식 컨텐츠 수고많으십니다.
축하합니다. 첫댓글 포인트 12포인트를 획득하였습니다.
미니언즈님의 댓글
티보리님 감사합니다^^
비즈팔님의 댓글
덕분에 지식이 쌓여 갑니다. ^^
미니언즈님의 댓글
비즈팔님 불금되셔요.ㅎ