Ακολουθούν τα βήματα για το πώς μπορείτε να αλλάξετε το χρώμα φόντου μιας ιστοσελίδας σε HTML και CSS. Αν και το χρώμα φόντου μπορεί να γίνει με την ετικέτα HTML BODY, συνιστούμε να καθορίσετε τις τιμές χρωμάτων φόντου στο CSS όπως φαίνεται παρακάτω.

Συμβουλή: Κατά τον ορισμό του χρώματος οποιουδήποτε στοιχείου ιστοσελίδας, μπορεί να χρειαστεί να χρησιμοποιήσετε κώδικες χρωμάτων HTML. Για τα κύρια χρώματα, μπορείτε επίσης να ορίσετε τα ονόματα αυτών των χρωμάτων αντί να χρησιμοποιήσετε τους χρωματικούς κωδικούς, για παράδειγμα, το κόκκινο, το μπλε, το πράσινο και το μαύρο, αντί να χρησιμοποιήσετε τις αναγνωρισμένες τιμές κωδικού χρώματος.

Παράδειγμα CSS

Στο παρακάτω παράδειγμα CSS, θέτουμε το σώμα να έχει χρώμα φόντου μαύρου προσθέτοντας "background-color: # 000;" στο μπλοκ σώματος. Επειδή το χρώμα φόντου είναι μαύρο, το χρώμα του κειμένου πρέπει επίσης να αλλάξει ή δεν θα εμφανιστεί. Έτσι, θέτουμε το χρώμα του κειμένου σε λευκό προσθέτοντας "color: #fff;" στο μπλοκ.

 σώμα {font-family: Helvetica, Arial, sans-serif; φόντο-χρώμα: # 000; χρώμα: #fff; }} 

Εάν η σελίδα σας δεν χρησιμοποιεί CSS ή δεν θέλετε να μετατρέψετε σε CSS, ακολουθούν τα βήματα σχετικά με τον τρόπο αυτό στην ετικέτα BODY στον κώδικα HTML. Ωστόσο, όπως προαναφέρθηκε, συνιστούμε να χρησιμοποιήσετε τον παραπάνω κώδικα CSS αντί για την ετικέτα σώματος. Εάν χρησιμοποιείτε το στυλ CSS, μπορείτε να αλλάξετε τις τιμές χρώματος φόντου μία φορά και οι αλλαγές θα εφαρμοστούν αυτόματα σε όλα τα στοιχεία HTML χρησιμοποιώντας αυτό το στυλ.

Παράδειγμα ετικέτας σώματος HTML

Σε ορισμένες πολύ σπάνιες περιπτώσεις, ενδέχεται να μην είναι δυνατή η χρήση του CSS. Για αυτές τις καταστάσεις, μπορείτε επίσης να ορίσετε το χρώμα φόντου, το χρώμα κειμένου, το χρώμα συνδέσμου και άλλες τιμές μέσα στην ετικέτα σώματος HTML όπως φαίνεται παρακάτω.

Παρακάτω είναι οι περιγραφές καθεμιάς από τις ιδιότητες HTML στην ετικέτα σώματος.

TEXT = Το χρώμα του κειμένου.

LINK = Το χρώμα των συνδέσμων.

VLINK = Χρώμα συνδέσμου επίσκεψης.

ALINK = Χρώμα του ενεργού συνδέσμου ή το χρώμα στο οποίο αλλάζει η σύνδεση όταν κάνετε κλικ.

BGCOLOR = Το χρώμα φόντου σελίδας.

Συμβουλή: Για να συμβάλλετε στην καλύτερη απεικόνιση όλων των παραπάνω τιμών, σε αυτήν τη σελίδα το χρώμα του συνδέσμου είναι μπλε, οι συνδέσεις που έχετε επισκεφτεί είναι μωβ και οι δεσμοί που μετακινούνται ή κτυπημένοι είναι κόκκινοι.