首页 >web前端 >css教程 >如何更改 HTML 文本字符串中特定单词的颜色?

如何更改 HTML 文本字符串中特定单词的颜色?

Patricia Arquette
Patricia Arquette原创
2024-11-16 00:48:02233浏览

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></p><br>

这种方法在您的单词周围添加了一个 span 元素

CSS 类:

或者,您可以定义 CSS 类:


<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>


pre>

<p>
  Enter the competition by 
  <span>



<🎜 >此方法涉及为所需颜色创建 CSS 规则,将这些规则分配给特定类,然后将这些类应用到您想要设置样式的文本.

以上是如何更改 HTML 文本字符串中特定单词的颜色?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn