이 글은 CSS 스타일의 a 태그에 있는 네 가지 상태를 주로 소개합니다. 이제 이를 여러분과 공유합니다. 도움이 필요한 친구들이 참고할 수 있습니다.
a 태그의 네 가지 "상태" 순서 태그는 a:link ->a:hover ->a:active ->a:visited입니다. 또한 a:active는 밑줄 유무에 관계없이 설정할 수 없습니다(항상 존재함). 아래에서 살펴볼 수 있는 예가 있습니다.
는 a{color:red}
와 같은 모든 상태의 연결을 나타냅니다. ① a:link: 방문하지 않은 링크(예: a:link {color:blue}
② a:visited: 방문한 링크(예: a:visited{color:blue}
3 a:active: 방문했을 때 링크의 색상) 활성화됨(링크에 포커스가 있을 때), 예: a:active {color:blue}
4 a:hover: 마우스가 링크 위로 움직일 때, 예: a:hover {color:blue}
일반적으로 상태(색상) , 밑줄 등)은 a:hover와 a:visited 링크의 동일해야 합니다.
처음 세 개는 각각 body 요소의 link, vlink 및 alink 속성에 해당합니다.
네 가지 "상태"의 순서는 a:link ->a:hover ->a:active ->a:visited입니다. 또한 a:active는 밑줄 유무에 관계없이 설정할 수 없습니다(항상 존재함).
예: 의사 클래스의 일반적인 상태 값
<style type = “text/css”> a {font-size:16px} a:link {color: blue; text-decoration:none;} //未访问:蓝色、无下划线 a:active:{color: red; } //激活:红色 a:visited {color:purple;text-decoration:none;} //已访问:purple、无下划线 a:hover {color: red; text-decoration:underline;} //鼠标移近:红色、下划线 </style>
위 내용은 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹 사이트를 주목하세요!
관련 추천:
위 내용은 a 태그의 CSS 스타일에 있는 네 가지 상태의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!