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

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

Patricia Arquette
發布: 2024-11-16 00:48:02
原創
209 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板