HTML テキスト文字列内の特定の単語の色を変更するにはどうすればよいですか?

HTML テキスト内の特定の単語の色を変更する

HTML のテキスト文字列内の特定の単語の色を変更するには、以下を利用できます。インライン CSS または CSS クラス。

インライン CSS:

<p> <br> <span> までにコンテストに参加すると、優勝できる可能性があります最大 $$$$ — すばらしい <br> <span> 旅行も含まれます!<br></p><br>

このアプローチでは、単語の周囲にスパン要素を追加します。別の色にしたい場合は、そのスパンにカラー スタイルを適用します。

CSS クラス:

または、CSS クラス:

< を定義できます。 pre>

<style type="text/css">
  p { 
    font-size:14px; 
    color:#538b01; 
    font-weight:bold; 
    font-style:italic;
  }
  .date {
    color: #ff0000;
  }
  .season { /* Contrived example... */
    color: #0000a0;
  }
</style>

<p>
  Enter the competition by 
  <span>

この方法では、目的の色の CSS ルールを作成し、それらのルールを特定のクラスに割り当て、スタイルを設定するテキストにそれらのクラスを適用します。 .

以上がHTML テキスト文字列内の特定の単語の色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。