집 > 기사 > 웹 프론트엔드 > HTML을 클릭한 후 하이퍼링크의 글꼴 색상과 글꼴 색상을 설정합니다.

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

不言원래의: 2018-06-12 11:39:522811검색

이 글에서는 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; 
}

　호출 방법:

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

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

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

관련 기사