HTML에서 하이퍼링크의 글꼴 색상을 설정하는 방법은 무엇입니까? HTML에서 하이퍼링크의 글꼴 색상을 설정하는 방법-HTML 튜토리얼-php.cn

HTML에서 하이퍼링크의 글꼴 색상을 설정하는 방법은 무엇입니까? HTML에서 하이퍼링크의 글꼴 색상을 설정하는 방법

不言

풀어 주다： 2018-09-20 10:22:59

원래의

27993명이 탐색했습니다.

웹 디자인에서는 하이퍼링크를 한눈에 명확하게 하기 위해 하이퍼링크를 주변 글꼴과 다른 색상으로 설정할 수도 있고, 하이퍼링크 텍스트 하단에 수평선을 추가할 수도 있습니다. 기본적으로 웹페이지의 하이퍼링크 텍스트는 하이퍼링크 텍스트의 색상과 마찬가지로 파란색이며, 방문한 텍스트의 색상은 어두워집니다. 그렇다면 하이퍼링크 글꼴을 다른 색상으로 어떻게 설정합니까? 다음 문서에서는 HTML에서 하이퍼링크의 글꼴 색상을 설정하는 방법을 소개합니다.

텍스트로 직접 이동:

HTML 하이퍼링크 글꼴 색상 설정 방법:

기본 구문:

: 모든 글꼴 색상에 적용됩니다. 웹페이지에서는 별도로 설정되지 않은 요소들이 작동합니다.

: alink를 사용하여 마우스 클릭 시 하이퍼링크 색상 설정

: vlink를 사용하여 방문한 하이퍼링크 텍스트 설정 색상

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>设置链接文字的颜色</title>
</head>
<body link="pink" alink="blue" vlink="red">
    <a href="http://www.php.cn">php中文网</a>
</body>
</html>

로그인 후 복사

html에서 하이퍼링크의 글꼴 색상을 설정하는 방법:

css를 사용하여 HTML에서 하이퍼링크의 글꼴 색상을 설정합니다. 하나는 html의 하이퍼링크에 있는 모든 글꼴에 대해 통일된 글꼴 색상을 설정하는 것이고, 다른 하나는 다음과 같습니다. 지정하려면 개체 내의 앵커 텍스트 하이퍼링크 글꼴에 대해 별도의 색상을 설정합니다.

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <style> 
    a{ color:#00F} 
    a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ 
    /* css 注释说明：以上代码为设置html中超链接统一字体颜色 */ 
    .div a{ color:#090} 
    .div a:hover{ color:#090} 
    /* css注释说明：以上代码为设置html中.div对象内超链接字体颜色 */ 
    </style> 
    </head> 
    <body> 
    <p>测试内容我是统一设置的颜色蓝色<a href="http://www.php.cn">php中文网</a></p> 
    <div class="div">我在div对象内，超链接颜色为<a href="http://www.php.cn">php中文网</a></div> 
    </body> 
    </html>

로그인 후 복사

웹 페이지의 하이퍼링크 글꼴 색상을 설정하는 다른 방법은 여기에서 하나씩 소개하지 않겠습니다.

위 내용은 HTML에서 하이퍼링크의 글꼴 색상을 설정하는 방법은 무엇입니까? HTML에서 하이퍼링크의 글꼴 색상을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!