[CSS] 링크 색상

출처: http://www.homejjang.com/09/link_color.php 입니다.

하이퍼링크의 색상 <a>태그에서 바로 적용해도 됩니다.

<a href="#" style="color:red;">하이퍼링크의 색상</a>

하이퍼링크의 색상

그러나 마우스를 올렸을때(hover) 효과를 주기위해서 일반적으로 아래와 같은 방법을

더 많이 사용합니다.

<style type="text/css"> a:link {text-decoration: none; color: #333333;} a:visited {text-decoration: none; color: #333333;} a:active {text-decoration: none; color: #333333;} a:hover {text-decoration: underline; color: red;} </style>

a:link는 방문한적이 없는 일반적인 링크를 의미합니다.

a:visited는 방문한 적이 있는 링크를 의미합니다.

a:active는 클릭하는 순간을 의미합니다. 클릭은 순식간에 이루어지기 때문에

이 부분은 구별이 잘 안갑니다.

a:hover는 마우스를 올렸을때를 의미합니다. 위의 예제에서도 볼 수 있듯이

이 부분을 강조를 하는 경우가 많습니다.