background-color

css

/* Valeurs avec un mot-clé */
background-color: red;

/* Valeur hexadécimale */
background-color: #bbff00; /* Complètement opaque */
background-color: #bf0; /* Complètement opaque - notation raccourcie */
background-color: #11ffee00; /* Complètement transparent */
background-color: #1fe0; /* Complètement transparent - notation raccourcie */
background-color: #11ffeeff; /* Complètement opaque */
background-color: #1fef; /* Complètement opaque - notation raccourcie */

/* Valeur RGB */
background-color: rgb(255, 255, 128);

/* Valeur RGBA : une valeur RGB avec un canal alpha */
background-color: rgba(117, 190, 218, 0); /* 0.0 - transparent */
background-color: rgba(117, 190, 218, 0.5); /* 0.5 - semi-transparent */
background-color: rgba(117, 190, 218, 1); /* 1.0 - opaque */

/* Valeur HSLA */
background-color: hsla(50, 33%, 25%, 0.75);

/* Valeurs avec un mot-clé spécial */
background-color: currentcolor;
background-color: transparent;

/* Valeurs globales */
background-color: inherit;
background-color: initial;
background-color: unset;

css

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

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

.exemple_trois {
  background-color: #777799;
  color: #ffffff;
}

html

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

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

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