Давайте приступим к рассмотрению относительно большой темы - это тема работы с фоновым цветом для элементов с помощью CSS. 

Предположим, у нас на странице есть какой-то блок div. 

<div>Блок</div>

И для этого блока нужно указать значение фонового цвета.

Если посмотреть на значение фонового цвета, которое установлено для этого блока по умолчанию, то мы увидим, что у него нет фонового цвета.

Каким образом его можно изменить?

Специально для этой цели в CSS есть специальное свойство, которое называется background-color.

background - с англ. задний фон.

color - с англ. цвет.

Это свойство имеет 3 возможных варианта значений. 

1. Значение конкретного цвета

2. transparent - прозрачный цвет. Это значение идет по умолчанию. 

3. inherit - берется значение соответствующего свойства у родительского элемента.

Пример применения:

<div style="backgound-color:red">Блок</div>

Свойство довольно простое, попробуйте с ним поработать на практике.