logo

Come cambiare il colore di sfondo nei CSS?

IL colore di sfondo La proprietà nei CSS viene utilizzata per impostare il colore di sfondo di un elemento. Applica colori solidi come sfondo dell'elemento. Lo sfondo di un elemento copre la dimensione totale, compresi il riempimento e il bordo, ma escluso il margine. Può essere applicato a tutti gli elementi HTML.

Sintassi

 element transparent 

IL nome_colore il valore di questa proprietà definisce il valore del colore di sfondo o specifica i codici colore. Può essere fornito utilizzando il nome del colore, il valore rgb() o il valore esadecimale.

IL trasparente Il valore di questa proprietà è il valore predefinito, che specifica il colore di sfondo trasparente.

Esempio

In questo esempio, stiamo definendo il valore di colore di sfondo proprietà utilizzando il nome del colore, il valore esadecimale, il valore rgb() e il valore hsl(). Ci sono quattro elementi div su cui applichiamo il file colore di sfondo proprietà.

 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%); 
Provalo adesso

Produzione

Come cambiare il colore di sfondo nei CSS