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

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

Источник

You might also like

Comments are closed.