139. Свойство color для работы с цветом

Для изменения цвета текста любого элемента, используется свойство color. Его синтаксис прост:

Код CSS

color: цвет;

Где под цветом может быть любое значение, обозначающее цвет и разрешенное в CSS. Допустимыми форматами являются: шестнадцатеричный код, название цвета, RGB, RGBA, HSL, HSLA. Для примера, изменим цвет первой буквы абзаца.

Код HTML

<p><span>Н</span>апрасно! Я влачил постыдной лени груз</p>

Код CSS

span {
    color: red;
}

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

Свойство background для работы с фономЦвета и фон

Добавляем градиент к фону элементаЦвета и фон

Свойство border для создания границОтступы, рамки, поля

Свойство outline для создания внешних границОтступы, рамки, поля

Управляющие последовательности в JavaScriptТипы и переменные

Переменные, комментарии и типы данных в PHPКурс по PHP

Свойство z-index для определения уровня элементаПозиционирование

Погружение в PythonЗнакомство с Python

Обработка исключений (try/except) в PythonЗнакомство с Python

Предыдущий урок «138. Свойство background для работы с фоном» Следующий урок «140. Добавляем градиент к фону элемента»

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например: сохранение прогресса прохождения уроков, участие в рейтинге среди пользователей, прохождение тестов, просмотр внешних ссылок и скриншотов в некоторых курсах), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Сделайте цвет первой буквы строки (в теге span) следующим цветом: #AB35FF.

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.