1. 사용 용도
정보의 알아보기 쉽게 정보에 효과를 주는 속성
2. 정의
(:link :visited)
a teg 에서 사용 가능
:link = 방문 전 변화 상태
:visited = 방문 후 변화 상태
(:hover :active)
:hover = 마우스를 올려놨을 시 상태 변화
:active = click 시 상태 변화
3. :link :visited :hover :active 속성 실습
1. 정보를 넣어준다.
1 2 3 4 5 6 | <body> <a href="index2.html"> 코딩분해</a> <p> <div> </div> </body> | cs |
2. css 정보를 넣어준다.
1 2 3 4 5 6 7 | <style> a:link {background:yellow;} a:visited {background:black;} div {width:100px; height:100px; border:1px solid black;} div:hover {background:black;} div:active {background:red;} </style> | cs |
[결과]
'CSS > CSS 기초' 카테고리의 다른 글
| transform & transition (0) | 2018.05.01 |
|---|---|
| display : inline & block (0) | 2018.04.30 |
| 960 Grid System (0) | 2018.03.02 |
