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

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

將 CSS 合併到 HTML 文字中允許使用者自訂單字或短語的特定部分。當處理較大的文字段落並且希望突出顯示某些術語或日期時，此技術特別有用。利用內聯 CSS 或 CSS 類，可以控制單字或短語的樣式和外觀。

要更改文字字串中特定單字的顏色，可以使用以下HTML 程式碼：

<p></p>

在此範例中，整個段落都套用了初始樣式，然後使用內嵌樣式為特定單字「January 30, 2011」和「summer」賦予獨特的顏色屬性。

另一種方法涉及使用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」類別中定義，而「date」和「season」類別用於樣式具體的單字或片語。 CSS 類別提供靈活性，並支援跨多個元素使用通用樣式，從而增強程式碼的可重複使用性和可維護性。

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