CSSを使用したテキストの背景色の設定方法


  1. インラインスタイルを使用する方法: テキストに直接スタイルを適用することで、背景色を設定することができます。以下は例です。

    <p style="background-color: yellow;">背景色が黄色のテキストです。</p>
  2. CSSのクラスを使用する方法: CSSのクラスを定義し、テキストにそのクラスを適用することで、背景色を設定することができます。以下は例です。

    <style>
    .highlight {
     background-color: lightblue;
    }
    </style>
    <p class="highlight">背景色が薄い青のテキストです。</p>
  3. CSSのIDを使用する方法: CSSのIDを定義し、テキストにそのIDを適用することで、背景色を設定することができます。以下は例です。

    <style>
    #custom-bg {
     background-color: lightgreen;
    }
    </style>
    <p id="custom-bg">背景色が薄い緑のテキストです。</p>

上記の方法を使用すると、テキストの背景色を簡単に設定することができます。必要に応じて、CSSのクラスやIDのスタイルをカスタマイズして、さまざまな背景色を適用することも可能です。