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

Patricia Arquette

发布： 2024-11-16 00:48:02

原创

202 人浏览过

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中文网其他相关文章！

来源：php.cn

上一篇：如何使用 jQuery 模拟 CSS 伪类的行为，例如 :hover？下一篇：如何使用 CSS 显示元素悬停的附加信息？

本站声明

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

作者最新文章