Как выделить цветом фрагмент текста?

Для изменения цвета фрагмента текста создайте класс с произвольным именем (например, select) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью элемента <span>, к которому добавляется класс select.

В примере 1 использовано два класса для выделения текста разным цветом — красным и синим.

Пример 1. Выделение фрагмента текста цветом

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Изменение цвета текста</title>
  <style>
   .cout { color: red; }
   .cin { color: blue; }
  </style>
 </head>
 <body>
  <pre>#include &lt;iostream&gt;
using namespace std;

int main() {
  unsigned int n;
  unsigned long long factorial = 1;
  <span class="cout">cout &lt;&lt; "Enter a positive integer: ";</span>
  <span class="cin">cin &gt;&gt; n;</span>
  for(int i = 1; i &lt;=n; ++i) {
    factorial *= i;
  }
  <span class="cout">cout &lt;&lt; "Factorial of " &lt;&lt; n &lt;&lt; " = " &lt;&lt; factorial;</span>
  return 0;
}</pre>
 </body>
</html>

Результат данного примера показан на рис. 1.

Как выделить цветом фрагмент текста?

Рис. 1. Выделение фрагмента текста цветом

Автор: Влад Мержевич
Источник webref.ru