background-color

<< Guida di riferimento ai CSS

Sommario

La proprietà background-color imposta il colore di sfondo di un elemento tramite un valore esadecimale, tramite un nome di colore valido in inglese, oppure tramite la parola chiave transparent o inherit.

• Valore iniziale: transparent
• Si applica a: tutti gli elementi
• Eredità: no
• Valori percentuali: non applicabile
• Media: visual
• Valore calcolato: come specificato

Sintassi

background-color: color | transparent | inherit

Valori

color 

Il colore può essere specificato come valore RGB esadecimale, oppure utilizzando un nome di colore predefinito in inglese.

transparent 

Il valore iniziale di background-color è transparent, il che significa che l'elemento non ha un proprio colore, ma è trasparente.

Esempi

HTML

<div class="exampleone">
 Lorem ipsum dolor sit amet, consectetuer
</div>

<div class="exampletwo">
  Lorem ipsum dolor sit amet, consectetuer
</div>

<div class="examplethree">
  Lorem ipsum dolor sit amet, consectetuer
</div>

CSS

.exampleone {
  background-color: teal;
  color: white;
}

.exampletwo {
  background-color: rgb(153,102,153);
  color: rgb(255,255,204);
}

.examplethree {
  background-color: #777799;
  color: #FFFFFF;
}

Result

Specifiche

• CSS 1
• CSS 2.1
• CSS 3

Si veda anche

background, background-attachment, background-image, background-position, background-repeat