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

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

Patricia Arquette
发布: 2024-11-16 00:48:02
原创
210 人浏览过

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
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板