HTMLでフォントの色を設定するにはどうすればよいですか? HTMLのフォントカラーを設定する3つの方法-htmlチュートリアル-php.cn

HTMLでフォントの色を設定するにはどうすればよいですか? HTMLのフォントカラーを設定する3つの方法

不言

リリース： 2018-09-18 11:15:20

オリジナル

154087 人が閲覧しました

Web 開発の過程では、Web ページを美しくするために、Web ページ内のフォントに異なる色を設定する必要がある場合があります。では、フォントの色を設定するにはどうすればよいでしょうか。この記事では、HTMLでフォントの色を設定する3つの方法を紹介します。

さっそく本文に進みましょう。

htmlフォントの色を設定する方法 1: HTML のフォントの色を設定する

構文:

font は通常のタグのペアで、フォントタグの色の値に対応する色をタグ内に設定して、フォントタグオブジェクトにフォントの色を設定します。

HTML フォントのフォントの色を設定するコード例を直接見てみましょう:

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

ログイン後にコピー

説明: を設定します。フォントサイズ。 (HTML マニュアルを参照してください)

html フォントフォントの色の設定による効果は次のとおりです。

HTMLでフォントの色を設定するにはどうすればよいですか? HTMLのフォントカラーを設定する3つの方法

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>

ログイン後にコピー

説明: font-size:50px はフォントサイズです。 (フォントサイズについては、

css ユーザーマニュアルを参照してください)

タグ内で CSS フォントの色を設定する効果は次のとおりです。 :

HTMLでフォントの色を設定するにはどうすればよいですか? HTMLのフォントカラーを設定する3つの方法

HTML フォントの色を設定する方法 3: 外部 CSS で HTML テキストフォントの色を設定します

Use 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>

ログイン後にコピー

HTML の色を設定する外部 CSS の効果テキストのフォントは次のとおりです。

HTMLでフォントの色を設定するにはどうすればよいですか? HTMLのフォントカラーを設定する3つの方法