logo

Com canviar el color de fons en CSS?

El color de fons La propietat en CSS s'utilitza per establir el color de fons d'un element. Aplica colors sòlids com a fons de l'element. El fons d'un element cobreix la mida total, inclosos el farciment i la vora, però excloent el marge. Es pot aplicar a tots els elements HTML.

Sintaxi

 element transparent 

El nom_color El valor d'aquesta propietat defineix el valor del color de fons o especifica els codis de color. Es pot donar utilitzant el nom del color, el valor rgb() o el valor hexadecimal.

El transparent El valor d'aquesta propietat és el valor per defecte, que especifica el color de fons transparent.

Exemple

En aquest exemple, estem definint el valor del color de fons propietat utilitzant el nom del color, el valor hexadecimal, el valor rgb() i el valor hsl(). Hi ha quatre elements div sobre els quals apliquem el color de fons propietat.

 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%); 
Prova-ho ara

Sortida

Com canviar el color de fons en CSS