하이퍼링크의 색상 <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는 마우스를 올렸을때를 의미합니다. 위의 예제에서도 볼 수 있듯이 이 부분을 강조를 하는 경우가 많습니다.
※출처 : http://www.homejjang.com/
