Свойство background-color
Задает фоновый цвет элемента
background-color: #ffffff;Пошаговый план! Как быстро научиться создавать сайты!
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все
Значения
background-color: #e9e9e9;
Шестнадцатеричное значение цвета
<style>
.example-1 {
width: 150px;
height: 150px;
background-color: #e9e9e9;
}
</style>
<div class="example-1"></div>background-color: red;
Ключевое имя цвета фона
<style>
.example-2 {
width: 150px;
height: 150px;
background-color: red;
}
</style>
<div class="example-2"></div>background-color: transparent;
Прозрачный фон
<style>
.example-3 {
width: 150px;
height: 150px;
background-color: transparent;
}
</style>
<div class="example-3"></div>background-color: rgb(0, 0, 0);
Цвет фона в RGB формате, где R - красный канал, G - зеленый канал и B - синий канал
<style>
.example-4 {
width: 150px;
height: 150px;
background-color: rgb(0, 0, 0);
}
</style>
<div class="example-4"></div>background-color: rgba(0, 0, 0, 0.5);
Цвет фона в RGBa формате, где R - красный канал, G - зеленый канал и B - синий канал и последнее значение непрозрачность от 0 до 1.
<style>
.example-5 {
width: 150px;
height: 150px;
background-color: rgba(0, 0, 0, 0.5);
}
</style>
<div class="example-5"></div>background-color: currentColor;
Цвет фона будет равен значению цвета текста элемента или его родителя
<style>
.example-6 {
width: 150px;
height: 150px;
background-color: currentColor;
}
</style>
<div class="example-6"></div>