방법: "a:link {color:color value;}", "a:visited{color:color value;}", "a:hover{color:color value;}" 및 "a:active{color 사용 :Color value;}" 문을 사용하여 하이퍼링크의 네 가지 상태에서 링크 색상을 설정하면 됩니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼링크를 정의합니다.
요소의 가장 중요한 속성은 링크의 대상을 나타내는 href 속성입니다.
모든 브라우저에서 링크의 기본 모양은 다음과 같습니다.
하이퍼링크에는 4가지 상태가 있습니다.
a:link - 일반 상태 방문하지 않은 링크
a:visited - 사용자가 방문한 링크 방문했습니다
a:hover -사용자가 링크 위에 마우스를 올렸을 때
a:active -링크가 클릭된 순간
위 링크 사용 시 상태 다음 순서 규칙:
a:hover는 a:link를 따라야 하고 a:visited
a:active는 a:hover
를 따라야 합니다. 참고: 링크를 처음 방문하기 전에 링크는 다음에 의해 설정된 속성입니다. a:link
구체적인 사용법은 다음과 같습니다:
a:link{color:red;}
a:visited{color:gray}
a:hover{color:blue;font-size:24px}
a:active{color:black}예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
a:link {color:red;} /* 未访问链接*/
a:visited {color:gray;} /* 已访问链接 */
a:hover {color:blue;} /* 鼠标移动到链接上 */
a:active {color:black;} /* 鼠标点击时 */
</style>
</head>
<body>
<p><b><a href="#">这是一个链接</a></b></p>
</body>
</html>
추천 튜토리얼: "html 비디오 튜토리얼"
위 내용은 HTML에서 하이퍼링크 색상을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
