HTML と CSS を使用してテキスト内の特定の単語の色を変更する方法

HTML と CSS を使用してテキスト内の特定の単語の色を変更する

テキスト文字列内の特定の単語の色を変更するために、HTML にはいくつかの機能が用意されています。インライン CSS を使用するオプション:

インライン CSS を使用タグ:

を含めて既存の段落書式設定を変更します。色を付けたい単語の周りのタグ:

<p></p>

を含む CSS クラスタグ:

または、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></span></p>

以上がHTML と CSS を使用してテキスト内の特定の単語の色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。