>웹 프론트엔드 >CSS 튜토리얼 >CSS 하이퍼링크의 배경색을 설정하는 방법

CSS 하이퍼링크의 배경색을 설정하는 방법

藏色散人
藏色散人원래의
2020-12-24 09:28:123140검색

CSS 하이퍼링크의 배경색을 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 "a:link {color:#FF0000;}a:visited {color:#00FF00;}으로 하이퍼링크에 CSS 스타일 속성을 추가합니다. "를 사용하여 배경색을 설정합니다.

CSS 하이퍼링크의 배경색을 설정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

추천: "css 비디오 튜토리얼"

링크 스타일(예: 색상, 글꼴 모음, 배경 등)을 설정할 수 있는 CSS 속성이 많이 있습니다. 링크의 특별한 점은 링크의 상태에 따라 스타일을 지정할 수 있다는 것입니다.

CSS에는 a 태그의 4가지 고유 속성이 있습니다:

1.a:link(스타일을 추가한 후, 이는 특정 하이퍼링크를 방문하지 않았을 때의 스타일을 의미합니다)

2.a:visited(추가한 후 스타일 의미 : 방문 시) 접속 후 인터페이스 하이퍼링크 스타일 새로 고침)

3.a:hover (스타일 추가 후 마우스 오버 시 하이퍼링크 스타일 의미)

4.a :active (스타일을 추가한 후, 마우스가 스타일을 클릭하면 인스턴트 하이퍼링크 스타일을 의미합니다)

이 4가지 속성을 사용하여 하이퍼링크의 배경색을 설정할 수 있습니다. 주의할 점은 이 네 가지 표현을 기술할 때 전부 적을 수는 없으나 순서가 바뀌어서는 안 된다는 점이다.

css 스타일은 다음과 같습니다:

<style>
a:link {color:#FF0000;}/* 未被访问的链接 */
a:visited {color:#00FF00;}/* 已被访问的链接 */
a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}/* 正在被点击的链接 */
</style>

HTML 코드는 다음과 같습니다:

c60d0098e2af3bc4a416224b3165943fphp 중국 웹사이트5db79b134e9f6b82c0b36e0489ee08ed

위 내용은 CSS 하이퍼링크의 배경색을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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