CSS로 하이퍼링크 스타일을 설정하는 방법
- 王林원래의
- 2021-06-21 09:16:165938검색
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 - 링크를 클릭하는 순간
코드 예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>
</head>
<body>
<p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>
<p><b>注意：</b> a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。</p>
<p><b>注意：</b> a:active 必须在 a:hover 之后。</p>
</body>
</html>실행 효과를 살펴보겠습니다.
관련 권장 사항: css 비디오 튜토리얼
위 내용은 CSS로 하이퍼링크 스타일을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：CSS 파일을 가져오는 방법다음 기사：CSS 파일을 가져오는 방법