CSSを使用してh1の色を変更する方法

方法1: 直接CSSで色を指定する方法

h1要素に直接スタイルを適用することで、色を変更することができます。以下のコードをCSSファイルに追加してください:

h1 {
  color: red;
}

この例では、h1要素のテキストの色が赤に変わります。colorプロパティを他の色に変更することで、好きな色を選ぶことができます。

方法2: クラスを使用して色を指定する方法

h1要素にクラスを追加し、そのクラスに対してスタイルを指定することもできます。以下のコードをCSSファイルに追加してください:

.red-text {
  color: red;
}

そして、HTMLのh1要素にクラスを追加します:

<h1 class="red-text">タイトル</h1>

この例では、h1要素のテキストの色が赤に変わります。クラス名は自由に変更できます。

方法3: IDを使用して色を指定する方法

h1要素にIDを追加し、そのIDに対してスタイルを指定することもできます。以下のコードをCSSファイルに追加してください:

#title {
  color: red;
}

そして、HTMLのh1要素にIDを追加します:

<h1 id="title">タイトル</h1>

この例では、h1要素のテキストの色が赤に変わります。ID名は一意である必要があります。