Ορισμός χρώματος φόντου σε CSS

Ήδη γνωρίζετε πώς να αλλάζετε το χρώμα του κειμένου. Ας μάθουμε τώρα πώς να αλλάζουμε το χρώμα του φόντου. Αυτό γίνεται χρησιμοποιώντας την ιδιότητα background-color, η οποία δέχεται τις ίδιες τιμές με την ήδη γνωστή σας ιδιότητα color.

Ας γεμίσουμε ένα μπλοκ με πορτοκαλί φόντο (το χρώμα του κειμένου θα το κάνουμε λευκό):

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

css#elem {
  width: 300px;
  height: 100px;
  color: white;
  background-color: orange; /* ορίζουμε πορτοκαλί χρώμα φόντου */
}

Результат: