Як виділити кольором фрагмент тексту?

9 червня 2022 р.279

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