HTMLで背景色を設定する方法

インラインスタイルを使用する方法: HTML要素のstyle属性を使用して、インラインで背景色を指定することができます。例えば、以下のようなコードを使用します。

<p style="background-color: blue;">背景色が青の段落です。</p>

この方法では、個々の要素ごとに背景色を指定することができます。

CSSのスタイルシートを使用する方法: CSSのスタイルシートを使用して、複数の要素に同じ背景色を適用することができます。まず、CSSファイルを作成し、背景色を指定します。例えば、以下のようなスタイルシートを作成します。

.bg-blue {
  background-color: blue;
}

次に、HTMLの要素にクラスを追加します。

<p class="bg-blue">背景色が青の段落です。</p>

この方法では、複数の要素に同じ背景色を適用することができます。

<style>
  body {
    background-color: yellow;
  }
</style>

この方法では、ページ全体の背景色を設定することができます。