Ορισμός χρώματος φόντου σε CSS
Ήδη γνωρίζετε πώς να αλλάζετε το χρώμα του κειμένου. Ας
μάθουμε τώρα πώς να αλλάζουμε το χρώμα του φόντου. Αυτό γίνεται
χρησιμοποιώντας την ιδιότητα background-color,
η οποία δέχεται τις ίδιες τιμές με την ήδη γνωστή σας
ιδιότητα color.
Ας γεμίσουμε ένα μπλοκ με πορτοκαλί φόντο (το χρώμα του κειμένου θα το κάνουμε λευκό):
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
width: 300px;
height: 100px;
color: white;
background-color: orange; /* ορίζουμε πορτοκαλί χρώμα φόντου */
}
:
Επαναλάβετε τη σελίδα σύμφωνα με το ακόλουθο παράδειγμα:
Επαναλάβετε τη σελίδα σύμφωνα με το ακόλουθο παράδειγμα: