HTMLでテキストの色を変更する方法


  1. テキストの色を指定する方法 HTMLでは、テキストの色を指定するために「color」プロパティを使用します。以下のようにHTML要素にスタイル属性を追加し、colorプロパティに色の値を指定します。
<p style="color: red;">赤いテキスト</p>
<p style="color: blue;">青いテキスト</p>
<p style="color: #ff00ff;">ピンクのテキスト</p>

上記の例では、赤、青、ピンクのテキストを表示する方法を示しています。色はキーワード(例:red、blue)またはRGB値(例:#ff00ff)で指定できます。

  1. CSSを使用してテキストの色を変更する方法 HTMLでは、CSSを使用してテキストのスタイルを指定することもできます。以下のようにCSSスタイルセクションを追加し、テキストのクラスまたはIDにスタイルを適用します。
<style>
  .red-text {
    color: red;
  }
  #blue-text {
    color: blue;
  }
</style>
<p class="red-text">赤いテキスト</p>
<p id="blue-text">青いテキスト</p>

上記の例では、クラスとIDを使用してテキストの色を指定しています。クラスは「.クラス名」、IDは「#ID名」として指定します。

  1. 内部スタイルシートを使用してテキストの色を変更する方法 HTMLの内部スタイルシートを使用すると、HTMLファイル内にスタイルを定義することができます。以下のようにstyleタグを使用し、テキストの色を指定します。
<style>
  p {
    color: green;
  }
</style>
<p>緑のテキスト</p>

上記の例では、すべての<p>要素のテキストの色を緑に指定しています。

これらはHTMLでテキストの色を変更するためのシンプルで簡単な方法です。必要に応じて、他のスタイルプロパティやセレクタを組み合わせることで、さまざまなスタイルを適用することができます。