Close

19 июня, 2021

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

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

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика
Открыть чат
Если есть вопросы пишите нам
Здравствуйте.
Чем вам помочь?