Название

Как изменить цвет текста с помощью CSS. Свойство color.

При создании веб-страниц довольно часто приходиться менять цвет текста в том или ином месте.

icons

Небольшая инструкция о том, как это можно делать с помощью технологии CSS.

Здесь все довольно просто, нужно всего-лишь воспользоваться свойством:

color: значение_цвета;

О том, каким образом можно указывать цвет на веб-страницах и какие существуют форматы этого указания, я писал здесь.

Сейчас давайте рассмотрим на конкретном примере, как это работает:

<p>Обычный абзац красным цветом</p>
<p style="color:#FF0000">Абзац, который выделяется красным цветом в 16-ричной системе счисления</p>
<p style="color:rgb(255,0,0)">Тот же абзац красным цветом, только в формате rgb</p>

Теперь выделим красным цветом отдельное слово в тексте:

<p>Абзац, в котором одно <span style="color:red">Слово</span> выделено красным цветом</p>

Как видите, с выделением текста цветом, все довольно просто, попробуйте это сами на практике.

Назад Далее