У меня есть сообщение ниже (слегка измененное):
«Примите участие в конкурсе до 30 января 2011 года, и вы сможете выиграть до $$$$, включая потрясающие летние поездки!»
В настоящее время у меня есть:
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
форматирование текстовой строки, но вы хотите изменить цвет «30 января 2011» на # FF0000 и «лето» на # 0000A0.
Как сделать это строго с помощью HTML или встроенного CSS?
Вы можете использовать тег HTML5
<mark>
:<p>Enter the competition by <mark class="red">January 30, 2011</mark> and you could win up to $$$$ — including amazing <mark class="blue">summer</mark> trips!</p>
И используйте это в CSS:
p { font-size:14px; color:#538b01; font-weight:bold; font-style:italic; } mark.red { color:#ff0000; background: none; } mark.blue { color:#0000A0; background: none; }
Тег
<mark>
имеет цвет фона по умолчанию ... по крайней мере, в Chrome.источник
<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>
Элементы диапазона являются встроенными и, таким образом, не прерывают поток абзаца, только стиль между тегами.
источник
использовать пролеты. ex)
<span style='color: #FF0000;'>January 30, 2011</span>
источник
<font color="red">This is some text!</font>
Это сработало для меня лучше всего, когда я хотел изменить только одно слово в предложении на красный цвет.
источник
Также можно сделать класс:
<span class="mychangecolor"> I am in yellow color!!!!!!</span>
затем в файле css выполните:
.mychangecolor{ color:#ff5 /* it changes to yellow */ }
источник
Адаптируйте этот код под свои нужды, вы можете выделить текст? в абзаце, какой шрифт или стиль вам нужен !:
<head> <style> p{ color:#ff0000;font-family: "Times New Roman", Times, serif;} font{color:#000fff;background:#000000;font-size:225%;} b{color:green;} </style> </head> <body> <p>This is your <b>text. <font>Type</font></strong></b>what you like</p> </body>
источник
Вы могли бы использовать более длинный скучный способ
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">Enter the competition by</p><p style="font-size:14px; color:#ff00; font-weight:bold; font-style:italic;">summer</p>
ты понимаешь остальное
источник