junior
Какое свойство задает цвет фона?
Цвет фона элемента задаёт свойство background-color.
Пример
body {
background-color: #f0f0f0;
}
Способы задания цвета
| Способ | Пример | Описание |
|---|---|---|
| Именованный | red, navy, transparent |
147 именованных цветов |
| HEX | #ff0000, #f00 |
Шестнадцатеричная запись RGB |
| RGB | rgb(255, 0, 0) |
Десятичная запись RGB |
| RGBA | rgba(255, 0, 0, 0.5) |
RGB с прозрачностью (alpha) |
| HSL | hsl(0, 100%, 50%) |
Оттенок, насыщенность, яркость |
| HSLA | hsla(0, 100%, 50%, 0.5) |
HSL с прозрачностью |
Связанные свойства
background-image— фоновое изображениеbackground— сокращённая запись (цвет, изображение, позиция, повтор в одном свойстве)
Пример
/* Сокращённая запись */
div {
background: #f0f0f0 url("bg.png") no-repeat center center;
}
На собеседовании: достаточно назвать
background-colorи перечислить основные форматы цвета. Частая ошибка — путатьcolor(цвет текста) иbackground-color(цвет фона).