フォントの色のHTMLを設定する-フロントエンドQ&A-php.cn

フォントの色のHTMLを設定する

PHPz

リリース： 2023-05-21 17:55:07

オリジナル

1959 人が閲覧しました

HTML は、Web ページを作成し、Web ページの構造とコンテンツを定義するために使用できるハイパーテキストマークアップ言語です。その中でもフォントカラーの設定はHTMLでよく使われる基本的な操作です。この記事では、HTML でフォントの色を設定する方法を紹介し、いくつかの一般的な方法を説明および実演します。

HTML では、フォントの色の設定は「color」属性によって行われます。このプロパティは、テキストの色を設定するために使用されます。この属性は、

、

、などの HTML 要素で使用できます。

HTML でフォントの色を設定する一般的な方法は次のとおりです。

方法 1: color 属性を使用してグローバルテキストの色を設定します。

style 要素を使用できます。 HTML ドキュメント全体のグローバルテキストの色を設定します。フォントの色は次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <title>设置全局文本颜色</title>
    <style>
        body {
            color: #0000ff;
        }
    </style>
</head>
<body>

    <p>这是一段全局设置文本颜色为蓝色的段落。</p>

</body>
</html>

ログイン後にコピー

上記のコードでは、style 要素を使用して body 要素の color 属性を #0000ff に設定します。青。これは文書全体のすべてのテキストに適用されます。

方法 2: color 属性を使用して、単一要素のテキストの色を設定します。

次のコード例のように、特定の要素のみに色を設定することもできます:

<p style="color: red;">这是一个红色文本的段落。</p>

ログイン後にコピー

上記のコードでは、

タグの style 属性を使用して color 属性を赤 (#ff0000) に設定します。これは、その段落内のすべてのテキストに適用されます。

方法 3: CSS ファイルを使用して文書全体のテキストの色を設定する

CSS ファイルを使用して文書全体のすべてのテキストの色を設定することもできます。 CSS ファイルを使用するには、次に示すように、HTML ドキュメントの要素に要素を追加します:

<!DOCTYPE html>
<html>
<head>
    <title>使用CSS文件设置全局文本颜色</title>
    <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>

    <p>这是一段使用CSS文件设置文本颜色的段落。</p>

</body>
</html>

ログイン後にコピー

style.css という名前の CSS ファイルを作成し、次のルールを追加します。