HTML을 클릭한 후 하이퍼링크의 글꼴 색상과 글꼴 색상을 설정합니다.

이 글에서는 HTML에서 클릭한 후의 글꼴 색상과 하이퍼링크의 글꼴 색상을 설정하는 방법을 주로 소개합니다. 이제 특정 참조 값이 있어 공유합니다. 필요한 친구가 참조할 수 있습니다.

CSS에서 일부 특수 효과. 우리는 이를 "의사 클래스"라고 부릅니다. 그 중 우리가 자주 사용하는 몇 가지가 있습니다. 아래에서는 링크 스타일을 정의하는 데 자주 사용되는 4가지 의사 클래스를 자세히 소개합니다

링크 스타일 정의
CSS는 " 의사 클래스"라고 하는 일부 특수 효과를 위한 특정 도구를 준비했습니다. -수업". 우리가 자주 사용하는 몇 가지가 있습니다. 아래에서는 링크 스타일을 정의하는 데 자주 사용되는 4가지 의사 클래스를 자세히 소개합니다:
:link
:visited
:hover
:active
　링크 스타일을 정의하므로 핵심은 하이퍼링크의 앵커 태그입니다. a. 앵커 태그와 의사 클래스 링크를 작성하는 방법은 링크 스타일을 정의하는 기본 방법입니다.
a:link , 정의는 정상입니다. 링크 스타일
a:visited는 방문한 링크의 스타일을 정의합니다.
a:hover는 링크 위로 마우스를 가져갈 때의 스타일을 정의합니다. 마우스가 링크를 클릭합니다.
예:

a:link { 
color:#FF0000; 
text-decoration:underline; 
} 
a:visited { 
color:#00FF00; 
text-decoration:none; 
} 
a:hover { 
color:#000000; 
text-decoration:none; 
} 
a:active { 
color:#FFFFFF; 
text-decoration:none; 
}

　위 예에서 정의된 링크 색상은 빨간색, 방문한 링크는 녹색, 마우스를 위에 올리면 링크가 검은색, 클릭하면 링크가 흰색이 됩니다.

일반 링크가 방문한 링크와 스타일이 같고, 마우스를 올렸을 때와 클릭할 때의 스타일이 동일하다면 결합하여 정의할 수도 있습니다.

a:link, 
a:visited { 
color:#FF0000; 
text-decoration:underline; 
} 
a:hover, 
a:active { 
color:#000000; 
text-decoration:none; 
}

링크 정의 순서

규칙은 없습니다. 링크 정의를 작성하더라도 규칙이 있습니다. 이 4가지 항목을 작성하는 순서가 약간 틀리면 링크의 효과가 사라질 수 있으므로 링크를 정의할 때마다 정의 순서를 꼭 확인하세요. 스타일, 링크--방문--호버-활성 또는 이것이 우리가 종종 LoVe HAte 원칙이라고 부르는 것입니다(대문자는 첫 글자입니다).
로컬 링크 스타일 정의
CSS에서 a:link{}와 같은 정의를 작성하면 전체 페이지의 링크 스타일이 변경되지만 일부 로컬 링크는 전문화해야 합니다. 이 문제는 해결하기 어렵지 않습니다. 링크 스타일 정의 앞에 지정된 ID나 클래스를 추가하면 됩니다.
　예:

#sidebar a:link, 
#sidebar a:visited { 
color:#FF0000; 
text-decoration:none; 
} 
#sidebar a:hover, 
#sidebar a:active { 
color:#000000; 
text-decoration:underline; 
}

　호출 방법:

스크립트 홈 링크　클래스 정의 방법은 id와 동일합니다. #sidebar를 .sidebar로 변경하면 됩니다. 또 다른 방법은 더 직접적이지만 호출이 더 번거롭습니다. 각각의 특정 링크와 정의된 코드를 제공합니다.
　예:

　a.redlink a:link, 
a.redlink a:visited { 
color:#FF0000; 
text-decoration:none; 
} 
a.redlink a:hover, 
a.redlink a:active { 
color:#000000; 
text-decoration:underline; 
background:#FFFFFF; 
}

　호출 방법:

스크립트 하우스 1 링크　링크의 정의는 크게 색상(color), 텍스트 장식(text-design), 배경(Background) 3가지 속성이 있습니다

위 내용이 이 글의 전체 내용이길 바랍니다. 모두의 학습에 도움이 되시기 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목해 주세요!

관련 추천:

CSS 테두리 속성 사용 소개 solid

css 배경 설명:transparent

html 페이지에서 메타의 역할과 페이지의 캐시 및 비캐싱 설정 분석

위 내용은 HTML을 클릭한 후 하이퍼링크의 글꼴 색상과 글꼴 색상을 설정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!