CSS를 사용하여 웹 브라우저에서 기본 링크 색상 재 지정

모든 웹 브라우저에는 웹 디자이너 가 링크를 설정하지 않으면 링크에 사용하는 기본 색상이 있습니다. 그들은:

또한 대부분의 웹 브라우저는 기본적으로이 설정을 변경하지 않지만 호버 색상 (링크가 마우스 위에있을 때의 링크 색상)을 정의 할 수도 있습니다.

CSS를 사용하여 링크 색상 변경

이 색상을 변경하려면 CSS 를 사용하십시오 (사용할 수있는 일부 비난 된 HTML 속성이 있지만 권장되지 않는 항목은 사용하지 않는 것이 좋습니다). 링크 색상을 변경하는 가장 쉬운 방법 은 태그의 스타일 을 지정하는 것입니다 .

a {color : black; }

이 CSS를 사용하면 일부 브라우저는 링크 의 모든 측면 (활성, 추적 및 마우스 오버)을 검은 색으로 변경하고 일부 브라우저는 기본 색만 변경합니다.

CSS 가상 클래스를 사용하여 링크의 모든 부분 변경

가상 클래스는 CSS에서 콜론 (:)을 사용하여 클래스 이름 앞에 표시됩니다. 링크에 영향을주는 의사 클래스는 네 가지가 있습니다.

기본 링크 색상을 변경하려면 다음을 수행하십시오.

a : link {color : red; }

활성 색상을 변경하려면 :

a : 활성 {색상 : 파란색; }

다음 링크 색을 변경하려면 :

a : 방문한 {color : purple; }

마우스 오버 색상을 변경하려면 다음을 수행하십시오.

a : hover {color : green; }