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