Gymterview
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 (цвет фона).

#css#цвет#свойства