ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSで本文のフォントの色を設定する方法

CSSで本文のフォントの色を設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-02 14:52:575789ブラウズ

CSS では、color 属性を使用して本文のフォントの色を設定できます。body 要素に「color: color value」スタイルを設定するだけです。 color 属性はテキストの色を指定します。このプロパティは、要素の前景色を設定します。この色は、他の境界線の色のプロパティによってオーバーライドされない限り、要素のすべての境界線にも適用されます。

CSSで本文のフォントの色を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

まず、HTML フォントの基本的なコードを示しましょう:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <body>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
  </body>
</html>

ここに p タグの 4 つの段落があります。私たちは皆、それを理解しているはずです。これは最も単純なコード スタイルです。 。

次に、HTML フォントの色を設定する必要があります。CSS スタイル コードを見てみましょう:

<style type="text/css">
      body {
        color: blue;
      }
    </style>

効果は次のとおりです:

CSSで本文のフォントの色を設定する方法

color 属性はテキストの色を指定します。

この属性は、要素の前景色 (HTML 表現では要素のテキストの色) を設定します。ラスター イメージは色の影響を受けません。この色は、border-color または別の border-color プロパティによってオーバーライドされない限り、要素のすべての境界線にも適用されます。

要素の前景色を設定するには、color 属性を使用するのが最も簡単な方法です。

ヒントと注意事項

ヒント: テキストを読みやすくするために、背景色とテキストの色の適切な組み合わせを使用してください。

CSSで本文のフォントの色を設定する方法

推奨学習: css ビデオ チュートリアル

以上がCSSで本文のフォントの色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。