> 웹 프론트엔드 > HTML 튜토리얼 > HTML에 대한 기본 지식, 하이퍼링크로 설정된 스타일에 대한 자세한 소개

HTML에 대한 기본 지식, 하이퍼링크로 설정된 스타일에 대한 자세한 소개

php中世界最好的语言
풀어 주다: 2018-01-22 10:36:25
원래의
2288명이 탐색했습니다.

이번에는 HTML 기본 지식, 하이퍼링크스타일 설정에 대한 자세한 소개, HTML 하이퍼링크 스타일 설정 시 노트가 무엇인지에 대해 소개하겠습니다.

*** 하이퍼링크 스타일 설정 예시

a:link 하이퍼링크를 클릭하기 전 상태

a:visited 하이퍼링크를 클릭한 후 상태

a:hover 하이퍼링크 위에 마우스를 올렸을 때

a: active 하이퍼링크를 클릭할 때

이러한 상태를 정의할 때 l v h a

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>无标题文档</title>  
<style type="text/css">  
a:link   
{   
    color:#000;   
    text-decoration:none;}   
a:visited   
{   
    color:#000;   
    text-decoration:none;}   
a:hover   
{   
    color:#F00;   
    text-decoration:underline;}   
a:active   
{   
    color:#F90;   
    text-decoration:underline;}   
</style>  
<link href="Untitled-1.css" rel="stylesheet" type="text/css" />  
</head>  
  
<body>  
<a href="http://www.baidu.com/">百度一下</a>  
</body>  
</html>
로그인 후 복사

시퀀스가 ​​있습니다. 실행 중인 디스플레이: 마우스 화살표가 "Baidu Click"에 배치되지 않은 경우 검은색으로 표시됩니다. 배치된 경우, 빨간색으로 표시됨 - 클릭 " "바이두 클릭" 링크를 클릭하면 주황색으로 표시됨 - 클릭한 후에는 검정색으로 표시됨

이 사례들을 읽으신 후 방법을 숙달하셨다고 믿습니다. 더 흥미로운 정보를 보려면 다른 관련 항목에 주목하세요. PHP 중국어 웹사이트의 기사!

관련 자료:

HTML 텍스트 형식 지정의 자세한 예

HTML 편집의 기본(초보자가 꼭 읽어야 함)

div에서 img와 범위를 수직으로 가운데 맞추는 방법

위 내용은 HTML에 대한 기본 지식, 하이퍼링크로 설정된 스타일에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿