>웹 프론트엔드 >HTML 튜토리얼 >HTML에서 글꼴 색상을 설정하는 방법은 무엇입니까? HTML 글꼴 색상을 설정하는 세 가지 방법

HTML에서 글꼴 색상을 설정하는 방법은 무엇입니까? HTML 글꼴 색상을 설정하는 세 가지 방법

不言
不言원래의
2018-09-18 11:15:20154319검색

웹 개발 과정에서 웹 페이지를 아름답게 만들기 위해 웹 페이지의 글꼴 색상을 다르게 설정해야 하는 경우가 있습니다. 그렇다면 글꼴 색상을 어떻게 설정해야 할까요? 이 기사에서는 HTML에서 글꼴 색상을 설정하는 세 가지 방법을 소개합니다.

더 이상 고민하지 말고 바로 본문으로 들어가겠습니다.

HTML 글꼴 색상 설정 방법 1: html 글꼴 색상 설정

Syntax:

font는 한 쌍의 일반 태그로, 글꼴 텍스트 내용을 태그에 넣습니다. 글꼴 설정 라벨 개체 내의 글꼴 색상입니다.

html 글꼴의 글꼴 색상을 설정하는 코드 예제를 직접 살펴보겠습니다.

<html>
<body>
<p><font size="10" color="red">php中文网</font></p>
</body>
</html>

Description: 는 글꼴 크기를 설정하는 것입니다. (HTML 매뉴얼 참조)

html 글꼴 글꼴 색상을 설정하면 다음과 같은 효과가 있습니다.

#🎜 🎜##🎜🎜 #

HTML에서 글꼴 색상을 설정하는 방법은 무엇입니까? HTML 글꼴 색상을 설정하는 세 가지 방법

html 글꼴 색상 설정 방법 2: 태그에서 CSS 글꼴 색상 스타일 설정

구문:


태그에서 CSS 글꼴 색상을 설정하는 코드 예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div style="color:red;font-size:50px">php中文网</div>
</body>
</html>
Instructions: 글꼴 크기:50px는 글꼴 크기입니다. (글꼴 크기는

css 사용자 매뉴얼

을 참고하세요)

CSS 설정 효과 태그의 글꼴 색상은 다음과 같습니다.

HTML에서 글꼴 색상을 설정하는 방법은 무엇입니까? HTML 글꼴 색상을 설정하는 세 가지 방법

html 글꼴 색상 설정 방법 3: 색상을 설정하는 외부 CSS HTML 텍스트 글꼴

# 🎜🎜#ID 또는 클래스를 사용하여 외부 CSS 글꼴 색상 스타일을 도입하여 HTML 글꼴 색상을 설정합니다.

HTML 텍스트 글꼴의 색상을 설정하기 위한 외부 CSS의 코드 예:

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style> 
    .ex{ color:pink;font-size:50px} 
    </style> 
    </head> 
    <body> 
    <div class="ex">php中文网</div> 
    </body> 
    </html>

외부 CSS html 텍스트 설정 글꼴의 색상 효과는 다음과 같습니다:

마지막으로, 참고: html 글꼴은 다음을 사용하여 글꼴 색상을 설정합니다. 등호는 색상 값을 설정하는 반면 CSS 설정 글꼴 색상은 색상을 사용하여 글꼴 색상 값을 설정하고 콜론을 사용합니다. HTML에서 글꼴 색상을 설정하는 방법은 무엇입니까? HTML 글꼴 색상을 설정하는 세 가지 방법

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

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