HTML:更改文本字符串中特定单词的颜色 [英] HTML: Changing colors of specific words in a string of text
本文介绍了HTML:更改文本字符串中特定单词的颜色的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我收到以下消息(略有更改):
I have the below message (slightly changed):
在 2011 年 1 月 30 日之前参加比赛，您最多可以获得$$$$ — 包括精彩的夏季旅行！"
"Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!"
我目前拥有:
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
格式化文本字符串，但想将January 30, 2011"的颜色更改为#FF0000，将summer"的颜色更改为#0000A0.
formatting the text string, but want to change the color of "January 30, 2011" to #FF0000 and "summer" to #0000A0.
我如何严格使用 HTML 或内联 CSS 执行此操作?
How do I do this strictly with HTML or inline CSS?
推荐答案
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
Enter the competition by
<span style="color: #ff0000">January 30, 2011</span>
and you could win up to $$$$ — including amazing
<span style="color: #0000a0">summer</span>
trips!
</p>
或者您可能想改用 CSS 类:
Or you may want to use CSS classes instead:
<html>
<head>
<style type="text/css">
p {
font-size:14px;
color:#538b01;
font-weight:bold;
font-style:italic;
}
.date {
color: #ff0000;
}
.season { /* OK, a bit contrived... */
color: #0000a0;
}
</style>
</head>
<body>
<p>
Enter the competition by
<span class="date">January 30, 2011</span>
and you could win up to $$$$ — including amazing
<span class="season">summer</span>
trips!
</p>
</body>
</html>
这篇关于HTML:更改文本字符串中特定单词的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
