logo

Як змінити колір фону в CSS?

The Колір фону властивість у CSS використовується для встановлення кольору фону елемента. Він застосовує суцільні кольори як фон елемента. Тло елемента покриває загальний розмір, включаючи відступ і рамку, але без поля. Його можна застосовувати до всіх елементів HTML.

Синтаксис

 element transparent 

The color_name Значення цієї властивості визначає значення кольору фону або вказує коди кольорів. Його можна вказати за допомогою назви кольору, значення rgb() або шістнадцяткового значення.

The прозорий Значення цієї властивості є значенням за замовчуванням, яке визначає прозорий колір тла.

приклад

У цьому прикладі ми визначаємо значення Колір фону за допомогою назви кольору, шістнадцяткового значення, значення rgb() і значення hsl(). Є чотири елементи div, до яких ми застосовуємо Колір фону власність.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 
Перевірте зараз

Вихід

Як змінити колір фону в CSS