Свойство 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>

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии