모든 웹 브라우저는 웹 디자이너가 링크를 설정하지 않으면 링크에 기본 색상을 사용합니다. 그들은:
- 기본 링크 색상
- 활성 링크 색상 (마우스를 클릭하여 링크 위에 놓았을 때)
- 후속 링크 색상 (링크를 이전에 클릭 한 경우)
또한 대부분의 웹 브라우저는 기본적으로이 설정을 변경하지 않지만 호버 색상 (링크가 마우스 위에있을 때의 링크 색상)을 정의 할 수도 있습니다.
CSS를 사용하여 링크 색상 변경
이 색상을 변경하려면 계단식 스타일 시트를 사용하십시오. 링크 색상을 변경하는 가장 쉬운 방법은 태그의 스타일을 지정하는 것입니다.
a {color : black; }
이 CSS를 사용하면 일부 브라우저는 링크의 모든 측면 (활성, 추적 및 마우스 오버)을 검은 색으로 변경하고 일부 브라우저는 기본 색만 변경합니다.
CSS 가상 클래스를 사용하여 링크의 모든 부분 변경
가상 클래스는 CSS에서 콜론 (:)을 사용하여 클래스 이름 앞에 표시됩니다. 4 개의 의사 클래스는 링크에 영향을줍니다.
기본 링크 색상을 변경하려면 다음을 수행하십시오.
a : link {color : red; }
활성 색상을 변경하려면 :
a : 활성 {색상 : 파란색; }
다음 링크 색을 변경하려면 :
a : 방문한 {color : purple; }
마우스 오버 색상을 변경하려면 다음을 수행하십시오.
고려 사항
기본 링크 색상을 덮어 쓰지 않도록하여 링크를 찾기 어렵게 만드십시오. 예를 들어, 흰색 배경에 대한 매우 밝은 색으로 링크를 변경하면 시각 장애인 방문자에게 나쁜 영향을 미칩니다. 사이트 방문자가 방문한 페이지에 대해 혼동을 일으키지 않도록하려면 활성 및 연결된 링크 색상에 대해 별도의 색상을 사용하십시오.
