首頁 >web前端 >css教學 >如何更改 HTML 文字字串中特定單字的顏色?

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

Patricia Arquette
Patricia Arquette原創
2024-11-16 00:48:02210瀏覽

How can I change the color of specific words within an HTML text string?

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

要更改HTML 文字字串中特定單字的顏色,您可以使用內聯CSS或CSS 類。

內聯CSS:

<p> 透過<br> <span> 參加比賽,您可以贏得高達$$$$ — 包括令人$$$驚嘆的<br> <span>旅行! <br></span></span></p><br>

這個方法在您想要以不同方式著色的單字周圍添加一個 span 元素,並將顏色樣式應用於該範圍。

CSS 類:

或者,您可以定義CSS 類:

<br>  <pre class="brush:php;toolbar:false"><style type="text/css">
  p { 
    font-size:14px; 
    color:#538b01; 
    font-weight:bold; 
    font-style:italic;
  }
  .date {
    color: #ff0000;
  }
  .season { /* Contrived example... */
    color: #0000a0;
  }
</style>


<p>
  Enter the competition by 
  <span>



此方法涉及建立CSS 規則對於所需的顏色,將這些規則指派給特定的類,然後將這些類別套用到您想要設定樣式的文字。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn