CSS에서 링크는 무엇을 의미합니까?

CSS의 링크는 CSS 링크를 의미합니다. 링크마다 스타일이 다를 수 있으며 링크 스타일에는 4가지 링크 상태가 있습니다. 1. "a:link"; ; 3. "a:호버"; 4. "a:활성".

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3, 이 문서는 모든 브랜드의 컴퓨터에 적용됩니다.

CSS 링크

링크마다 스타일이 다를 수 있습니다.

링크 스타일

링크 스타일은 모든 CSS 속성(예: 색상, 글꼴, 배경 등)을 사용할 수 있습니다.

특수 링크는 상태에 따라 스타일이 달라질 수 있습니다.

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

a:link - 방문하지 않은 일반 링크

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

a:hover - 사용자가 링크 위로 마우스를 이동할 때

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

Instance

a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

여러 링크 상태의 스타일로 설정하면 몇 가지 순서 규칙도 있습니다:

a:hover는 a:link 및 a:visited를 따라야 합니다

a :active는 다음과 같아야 합니다. a:hover

일반적인 링크 스타일

위 링크의 색상 변경 예시에 따라 어떤 상태인지 확인하세요.

다른 일반적인 방법으로 스타일을 연결해 보겠습니다:

Text-장식

text-장식 속성은 주로 링크의 밑줄을 제거하는 데 사용됩니다:

예제

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

Background-Color

배경색 속성은 링크 배경 색상을 지정합니다:

Example

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

위 내용은 CSS에서 링크는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!