선택자(Selector)
Class 선택자
block-level과 inline-level
table
border-collapse
table-layout
스크롤 테이블
마우스 커서
스크롤바 색상
링크 색상
필터
인쇄
@media print
page-break-before
ime-mode
포지셔닝(Positioning)
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는 마우스를 올렸을때를 의미합니다. 위의 예제에서도 볼 수 있듯이 이 부분을 강조를 하는 경우가 많습니다.
Copyright © Homejjang.com All rights reserved.