Η μέθοδος αλλαγής των χρωμάτων υποβάθρου σε τμήματα ενός πίνακα σε έναν ιστότοπο έχει αλλάξει με την πάροδο των ετών, καθιστώντας ευκολότερη και λιγότερο εντατική την εργασία με την εισαγωγή φύλλων στυλ.
Η παλαιότερη μέθοδος χρησιμοποίησε το χαρακτηριστικό bgcolor για να αλλάξει το χρώμα φόντου ενός πίνακα. Θα μπορούσε επίσης να χρησιμοποιηθεί για να αλλάξει το χρώμα μιας σειράς πίνακα ή μιας κελιά πίνακα. Αλλά το χαρακτηριστικό bgcolor έχει αποσυρθεί υπέρ των φύλλων στυλ, οπότε δεν είναι ο βέλτιστος τρόπος να χειριστεί το χρώμα φόντου ενός πίνακα.
Ο καλύτερος τρόπος για να αλλάξετε το χρώμα φόντου είναι να προσθέσετε το χρώμα φόντου ιδιότητας στυλ στον πίνακα, τη σειρά ή την ετικέτα κυττάρων.
Αυτό θα αλλάξει το χρώμα φόντου ενός ολόκληρου πίνακα:
Για να αλλάξετε το χρώμα μίας μόνο γραμμής, εισαγάγετε την ιδιότητα χρώματος φόντου στο
ετικέτα:
Μπορείτε να αλλάξετε το χρώμα ενός κελιού προσθέτοντας το χαρακτηριστικό στο
ετικέτα:
|
Μπορείτε επίσης να εφαρμόσετε χρώματα φόντου στις κεφαλές του πίνακα ή στο | ετικέτα, με τον ίδιο τρόπο: | Αλλαγή χρώματος φόντου χρησιμοποιώντας φύλλα στυλ
Εάν δεν θέλετε να προσθέσετε το χρώμα του φόντου της ιδιότητας στυλ στον πίνακα, υπάρχουν εναλλακτικοί τρόποι για να ορίσετε το χρώμα φόντου. Για παράδειγμα, μπορείτε να ορίσετε τα στυλ σε ένα φύλλο στυλ στο HEAD του εγγράφου HTML ή να τα ορίσετε σε ένα εξωτερικό φύλλο στυλ. Αυτές οι αλλαγές στο HEAD ή σε ένα εξωτερικό φύλλο στυλ μπορεί να εμφανίζονται σαν αυτές για τους πίνακες, τις γραμμές και τα κελιά:
πίνακας {χρώμα-φόντου: # ff0000; } tr {φόντο-χρώμα: κίτρινο; } td {φόντο-χρώμα: # 000; }} Ρύθμιση χρώματος φόντου στήλης
Ο καλύτερος τρόπος για να ορίσετε το χρώμα φόντου για μια στήλη είναι να δημιουργήσετε μια κλάση στυλ και στη συνέχεια να αντιστοιχίσετε αυτήν την κλάση στα κελιά αυτής της στήλης. Η δημιουργία μιας κλάσης σας επιτρέπει να αντιστοιχίσετε αυτήν την τάξη στα κελιά μιας συγκεκριμένης στήλης χρησιμοποιώντας ένα χαρακτηριστικό.
Το CSS:
td.ColColor {χρώμα φόντου: μπλε; }} Το HTML:
| κυττάρου 1 | κελί 2 | | κυττάρου 1 | κελί 2 |
Ένα σημαντικό πλεονέκτημα του ελέγχου των χρωμάτων φόντου μέσω ενός φύλλου στυλ είναι η δυνατότητα να αλλάξετε την επιλογή χρώματος αργότερα. Αντί να χρειάζεται να περάσετε από το έγγραφο HTML και να κάνετε την αλλαγή σε κάθε κελί, μπορείτε να κάνετε μια μόνο αλλαγή στην επιλογή χρώματος στο CSS και θα εφαρμοστεί αμέσως σε κάθε περίπτωση στην οποία χρησιμοποιείται η κλάση = "ColColor". Αυτό εξοικονομεί τεράστιο χρονικό διάστημα και μειώνει σημαντικά τις πιθανότητες σφαλμάτων, όπως η έλλειψη αλλαγής χρώματος κυψέλης.
Ακόμα κι αν δεν έχετε αλλάξει ποτέ τα χρώματα φόντου ενός πίνακα σε ένα έγγραφο ιστού, μπορείτε να αντιγράψετε τα παραπάνω παραδείγματα και να πειραματιστείτε με τη μέθοδο αυτή μόνοι σας. Θα ανακαλύψετε γρήγορα πόσο εύκολο είναι να κάνετε αλλαγές χρώματος χρησιμοποιώντας ετικέτες στυλ - ειδικά φύλλα στυλ εάν εργάζεστε με μεγάλους ιστότοπους. Δοκιμάστε τις διάφορες επιλογές που παρουσιάζονται και επιλέξτε αυτό που τελικά είναι το πιο άνετο για εσάς.
|
