Taustavärin asettaminen CSS:llä

Osaat jo muuttaa tekstin väriä. Oppikaamme nyt muuttamaan taustan väriä. Tämä tehdään käyttämällä ominaisuutta background-color, joka hyväksyy samat arvot kuin sinulle jo hyvin tuttu color.

Asetetaan lohkon taustaksi oranssi väri (tekstin väri tehdään samalla valkoiseksi):

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  width: 300px;
  height: 100px;
  color: white;
  background-color: orange; /* asetetaan oranssi taustaväri */
}

Результат: