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

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

為了使用HTML 或內聯CSS 修改文字區塊中特定單字的顏色，請依照單字以下步驟操作：

1. 確定您要反白的目標單字。
2. 建立 每個目標字周圍的元素。
3. 為每個 指派唯一的類別或內聯樣式。

HTML 範例：

<p></p>

在此範例中， 元素，指定所需的顏色值。元素將「2011 年 1 月 30 日」的顏色改為紅色 (#ff0000)，將「夏天」的顏色改為藍色 (#0000a0)。

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>
  

在這裡，我們定義了兩個CSS 類，.date 和.season，並將它們分配給各自的 。元素。這種方法提供了更大的靈活性，並且可以更輕鬆地維護樣式。

以上是如何更改 HTML 文字中特定單字的顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！