logo

Как да променя цвета на фона в CSS?

The Цвят на фона свойството в CSS се използва за задаване на цвета на фона на елемент. Той прилага плътни цветове като фон на елемента. Фонът на елемент покрива общия размер, включително подложката и рамката, но без полето. Може да се прилага към всички HTML елементи.

Синтаксис

 element transparent 

The цвят_име стойността на това свойство дефинира стойността на фоновия цвят или указва цветовите кодове. Може да бъде дадено чрез използване на името на цвета, стойността на 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