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

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

CSS を HTML テキストに組み込むと、ユーザーは単語やフレーズの特定のセクションをカスタマイズできます。このテクニックは、大きなテキストの一節を操作し、特定の用語や日付を強調表示したい場合に特に便利です。インライン CSS または CSS クラスを利用すると、個々の単語やフレーズのスタイルと外観を制御できます。

テキスト文字列内の特定の単語の色を変更するには、次の HTML コードを使用できます。

<p></p>

この例では、段落全体に初期スタイルが適用され、その後、特定の単語「2011 年 1 月 30 日」と「夏」に一意の単語が与えられます。インライン スタイルを使用して色属性を設定します。

別の方法では、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>

この例では、最初の段落スタイルは「p」クラスで定義され、「日付」は" および "season" クラスは、特定の単語やフレーズのスタイルを設定するために使用されます。 CSS クラスは柔軟性を提供し、複数の要素間で共通のスタイルを使用できるようにして、コードの再利用性と保守性を高めます。

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