CSS로 하이퍼링크 스타일을 설정하는 방법

CSS에서 하이퍼링크 스타일을 설정하는 방법은 [a:visited {color:#00FF00;}]와 같이 하이퍼링크에 의사 클래스를 추가하는 것입니다. [a:visited]는 사용자가 방문한 링크를 나타냅니다.

이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.

하이퍼링크 스타일을 설정하려면 실제로 색상, 글꼴, 배경 등과 같은 CSS 속성을 사용할 수 있습니다. 하지만 특별한 스타일을 설정하려면 의사 클래스를 사용해야 합니다. 의사 클래스(Pseudo-class)를 함께 살펴보겠습니다.

팁: 특수 링크는 상태에 따라 스타일이 다를 수 있습니다.

네 가지 링크 상태는 다음과 같습니다.

• a:link - 정상, 방문하지 않은 링크

• a:visited - 사용자가 방문한 링크

• a:hover - 사용자가 마우스를 위에 놓았을 때 켜짐 the link

• a:active - 링크를 클릭하는 순간

코드 예:

      
  
这是一个链接
 
注意： a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。
 
注意： a:active 必须在 a:hover 之后。
  

실행 효과를 살펴보겠습니다.

관련 권장 사항:css 비디오 튜토리얼

위 내용은 CSS로 하이퍼링크 스타일을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!