>  기사  >  웹 프론트엔드  >  a 태그의 CSS 스타일에 있는 네 가지 상태

a 태그의 CSS 스타일에 있는 네 가지 상태

不言
不言원래의
2018-06-12 11:17:204341검색

이 글은 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 중국어 웹 사이트를 주목하세요!

관련 추천:

CSS Border

CSS 마우스 스타일 커서 설명

위 내용은 a 태그의 CSS 스타일에 있는 네 가지 상태의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.