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

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

HTML ドキュメント内のテキストを操作する場合、特定の単語や語句を異なる色で強調表示することが望ましいことがよくあります。これにより、読みやすさが向上し、特定の情報に注意を向けたり、単に視覚的な魅力を追加したりできます。

テキスト文字列内の特定の単語の色を変更するには、HTML インライン CSS を利用できます。この方法では、テキストを含む HTML 要素に CSS スタイルを直接埋め込みます。

たとえば、次のテキストについて考えてみましょう。

<p>Enter the competition by January 30, 2011 and you could win up to
$$$$ — including amazing summer trips!</p>

「2011 年 1 月 30 日」の色を次のように変更するには赤に「夏」を青にするには、次のインライン CSS を適用できます:

<p></p>

または、 CSS クラスを使用して同じ効果を実現できます。

  
    <style type="text/css">
      p { 
        font-size:14px; 
        color:#538b01; 
        font-weight:bold; 
        font-style:italic;
      }
      .date {
        color: #ff0000;
      }
      .season { /* OK, a bit contrived... */
        color: #0000a0;
      }
    </style>
  
  
    <p>
      Enter the competition by 
      <span class="date">January 30, 2011</span>
      and you could win up to $$$$ — including amazing 
      <span class="season">summer</span> 
      trips!
    </p>
  

これらのメソッドを利用すると、HTML ドキュメント内のテキスト文字列の外観を簡単にカスタマイズでき、ユーザーにとって視覚的に魅力的で有益なものになります。

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