如何更改 HTML 中特定單字的文字顏色？

更改 HTML 中特定單字的文字顏色

處理 HTML 文件中的文字時，通常需要用不同的顏色突出顯示某些單字或短語。這可以提高可讀性，引起對特定訊息的注意，或只是增加視覺吸引力。

要修改文字字串中特定單字的顏色，您可以使用 HTML 內嵌 CSS。此方法涉及將 CSS 樣式直接嵌入到包含文字的 HTML 元素中。

例如，考慮以下文字：

<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中文網其他相關文章！