>웹 프론트엔드 >HTML 튜토리얼 >CSS를 사용하여 링크 스타일을 설정하는 방법

CSS를 사용하여 링크 스타일을 설정하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2017-11-20 16:31:462983검색

CSS로 스타일 시트를 설정하는 것은 어렵지 않지만, 먼저 하이퍼링크가 무엇인지 이해해야 합니다. 일반인의 관점에서 하이퍼링크는 웹 페이지에서 대상으로의 연결입니다. 대상은 다른 웹 페이지일 수도 있고, 동일한 웹 페이지의 다른 위치일 수도 있고, 사진, 이메일 주소, 파일일 수도 있습니다. , 또는 앱일 수도 있습니다. 웹 페이지의 하이퍼링크에 사용되는 개체는 텍스트일 수도 있고 이미지일 수도 있습니다. 뷰어가 링크된 텍스트 또는 이미지를 클릭하면 링크 대상이 브라우저에 표시되고 대상 유형에 따라 열리거나 실행됩니다.

하이퍼링크 코드

DIV+CSS

분석 다음과 같습니다:

href 다음에 링크된 주소 대상 웹사이트 주소는 http://www.php.cn/

target

_blank -- 새 창에서 링크 열기

_parent -- 다음에서 링크 열기 상위 양식

_self -- 현재 양식에서 링크를 엽니다. 이것이 기본값입니다.

_top -- 현재 양식에서 링크를 열고 전체 현재 양식(프레임 페이지)을 바꿉니다.

제목 뒤에 링크가 옵니다. 슈퍼 링크된 URL 또는 제목에 대한 간략한 설명

CSS는 하이퍼링크 스타일을 제어할 수 있습니다. - css 링크 스타일은 다음과 같습니다.

a:link는 하이퍼링크의 초기 상태입니다

a :hover는 마우스를 올렸을 때 정지 상태

a: active는 마우스를 클릭했을 때

a:visited는 방문 후 상태

CSS를 사용하는 방법은 매우 다양합니다. 링크 스타일을 설정해 보셨나요?

관련 자료:

이미지 하이퍼링크를 만들기 위한 XML 코드 예제

html 이미지 img에 하이퍼링크를 추가한 후 생성되는 보기 흉한 파란색 테두리에 대한 솔루션

링크 사용 시 하이퍼링크를 방지하는 방법 점프 방법 소개

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

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