기술
: 호버 의사 클래스 때 마우스를 위에 요소에 특수 효과를 추가하는 데 사용됩니다.
<style> ... </ style> 블록에서 의사 클래스를 정의하는 동안 다음 사항에주의해야합니다.
a : hover는 CSS 정의에서 a : link 뒤에 와야하고 a : visited가 있어야 효과적입니다.
a : active가 유효하려면 CSS 정의에서 a : hover 뒤에 와야합니다.
의사 클래스 이름은 대소 문자를 구분하지 않습니다.
의사 클래스는 CSS 클래스와 다르지만 결합 할 수 있습니다.
가능한 값
적용 대상
앵커 / 링크 요소.
예
다음은 해당 링크 위로 마우스 포인터를 가져갈 때 : hover 클래스를 사용하여 링크 색상을 변경하는 방법을 보여주는 예제입니다 .
<html>
<head>
<style type = "text/css">
a:hover {color: #FFCC00}
</style>
</head>
<body>
<a href="/https/isolution.pro/html/index.htm">Bring Mouse Here</a>
</body>
</html>
이것은 다음 링크를 생성합니다. 이제이 링크 위로 마우스를 가져 가면 색상이 노란색으로 변경되는 것을 볼 수 있습니다.