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

Для изменения цвета фрагмента текста создайте класс с произвольным именем (например, 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. Выделение фрагмента текста цветом

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 21.09.2018
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты