Николай Винсент
Редактор
- Регистрация
- 26 Июн 2025
- Сообщения
- 28
- Реакции
- 1
- Баллы
- 3
Как задать цвет текста?
Цели урока:
- Освоить, как задавать цвет текста с помощью CSS;
- Научиться применять свойство
color
к различным элементам; - Понять, как использовать различные цветовые модели (RGB, HEX)
Итак, приступим!
У свойства
color
есть лишь один аргумент: цвет. Цвет можно указать с помощью RGB, HEX или же HSL, также для задачи обыкновенного цвета (например, золотого, жёлтого, оранжевого и тд) можно указать его название на английском. Например red, orange, gold и тд.RGB выглядит так: 0 1 2
0 - я указал количество красного
1 - я указал количество зелёного
2 - я указал количество синего
И эти количества Смешиваются
Так выглядит черный: 0 0 0
И так белый: 255 255 255
HEX использует шестнадцетеричную систему счисления
В HEX используются цифры от нуля до 9 (0-9) и первые буквы английского алфавита (A-F) (A=10, B=11, C=12, D=13, E=14, F=15) и в начале ставится Шарп (#)
HEX выглядит так: #0f0f0f0
HEX белого цвета: #ffffff
HEX чёрного цвета: #000000
Перейдем к коду.
В CSS коде для задачи цвета текста используется свойство
color
После
color
сразу ставится двоеточие и код начинает выглядить так: color:
.Затем через пробел указывается цвет в RGB либо HEX формате.
Пример RGB::
text {
color: 255 0 255
}
Пример HEX::
text {
color: #ff00ff
}
Добавим практики:
Сделайте код серого текста.
Автор урока: Николай Винсент
Последнее редактирование: