링크

a:link { color:pink; }

아직 방문하지 않은 링크의 글자색을 정의합니다.

위 예제에서 링크의 글자색이 분홍색이 아닌 검정이라면, 위 사이트를 방문한 적이 있기 때문입니다.

HTML 코드를 수정하여, 웹사이트를 다른 사이트로 변경 한 후,

글자색이 분홍색이 되는지 확인해 보세요.

a:visited { color:black; }

사용자가 방문한 적이 있는 링크의 글자색을 정의합니다.

a:hover { color:red; }

마우스를 링크에 올려두었을 때, 글자색을 정의합니다.

a:active { color:green; }

마우스로 링크를 클릭하고 뗄 때까지의 글자색을 정의합니다.

마우스로 링크를 클릭하고 떼지말고 기다려보세요.

그 동안은 링크 글자색이 초록색입니다.

이렇게 링크의 스타일을 정의하는 link, visited, hover, active 클래스를 사용할 때는

작성 순서에 주의해야 합니다.

• a:hover는 a:link, a:visited 뒤에 와야 합니다.
• a:active는 a:hover 뒤에 와야 합니다.
• visited시 밑줄이 그어지는데 이를 없애려면 : text-decoration:none;