가상 클래스 hover
가상 클래스 hover는 마우스를 올린
링크에 대한 스타일을 지정합니다.
일반적으로 이 가상 클래스는
가상 클래스 link,
visited
및 active와 함께 적용됩니다.
구문
a:hover {
}
예제
방문하지 않은 링크는 빨간색, 방문한 링크는 파란색이 됩니다. 마우스를 올리면 녹색이 되고, 마우스 왼쪽 버튼을 누르고 있으면 검은색이 됩니다(active 상태):
<a href="#">링크</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
:
