background-color
Цвет фона элемента.
Синтаксис
background-color: color;Значения
| Параметр | Тип | Описание |
|---|---|---|
| color | color | Любой цвет: название, hex, `rgb()`, `hsl()`. |
| transparent | keyword | Прозрачный (по умолчанию). |
Примеры
Цвета фона:
<style>
mark { background-color: gold; }
.row:hover { background-color: aliceblue; }
</style>
<p>Some <mark>highlighted</mark> text.</p>
<p class="row">Hover over this line.</p>Примечания
Фон заполняет область содержимого и внутренних отступов и заходит под рамку. Полупрозрачный цвет вроде rgb(0 0 0 / 0.5) делает прозрачным только фон, в отличие от opacity, которая действует на весь элемент.
См. также
- background — Сокращённая запись всех свойств фона: цвета, картинки, положения, размера и повторения.
- color — Цвет текста (а также цвет рамок и SVG-значков по умолчанию).
- opacity — Прозрачность всего элемента вместе с содержимым.
Вопросы и ответы по теме
В учебнике
- Фон и рамки — Фоновые картинки, их повтор, размер и положение, виды рамок, скругление углов и outline.