Όλοι οι φυλλομετρητές Ιστού χρησιμοποιούν προεπιλεγμένα χρώματα για συνδέσμους, αν ο σχεδιαστής Ιστού δεν τις ορίζει. Αυτοί είναι:
- Το προεπιλεγμένο χρώμα συνδέσμου
- Το ενεργό χρώμα συνδέσμου (όταν πατηθεί το ποντίκι και κρατηθεί πάνω από το σύνδεσμο)
- Το ακόλουθο χρώμα συνδέσμου (όταν ο σύνδεσμος είχε πατηθεί προηγουμένως)
Επιπλέον, ενώ τα περισσότερα προγράμματα περιήγησης στο Web δεν το αλλάζουν αυτόματα από προεπιλογή, μπορείτε επίσης να ορίσετε το χρώμα του hover - το χρώμα που είναι ο σύνδεσμος όταν το ποντίκι κρατιέται πάνω του.
Χρησιμοποιήστε το CSS για να αλλάξετε τα χρώματα του συνδέσμου
Για να αλλάξετε αυτά τα χρώματα, χρησιμοποιήστε ένα φύλλο στυλ Cascading. Ο ευκολότερος τρόπος για να αλλάξετε το χρώμα συνδέσμου είναι να σχεδιάσετε την ετικέτα:
α {χρώμα: μαύρο; }}
Με αυτό το CSS, μερικά προγράμματα περιήγησης θα αλλάξουν όλες τις πτυχές του συνδέσμου (ενεργές, ακολουθούμενες και αιωρούνται) στο μαύρο, ενώ άλλοι θα αλλάξουν μόνο το προεπιλεγμένο χρώμα.
Χρησιμοποιήστε ψευδοκλάδους CSS για να αλλάξετε όλα τα μέρη ενός συνδέσμου
Μια ψευδο-τάξη εκπροσωπείται στο CSS με ένα τελεία (:) πριν από το όνομα της τάξης. Τέσσερις ψευδο-κλάσεις επηρεάζουν τους συνδέσμους:
Για να αλλάξετε το προεπιλεγμένο χρώμα συνδέσμου:
α: σύνδεσμος {χρώμα: κόκκινο; }}
Για να αλλάξετε το ενεργό χρώμα:
α: ενεργή {χρώμα: μπλε; }}
Για να αλλάξετε το ακόλουθο χρώμα συνδέσμου:
α: επισκέφθηκε {χρώμα: μοβ; }}
Για να αλλάξετε το χρώμα του ποντικιού:
α: αιωρείται {χρώμα: πράσινο; }}
Σκέψεις
Αποφύγετε την αντικατάσταση των προεπιλεγμένων χρωμάτων συνδέσμων για να κάνετε τους συνδέσμους πιο δύσκολο να βρείτε. Για παράδειγμα, η αλλαγή ενός συνδέσμου σε πολύ ανοιχτόχρωμο χρώμα σε λευκό φόντο θα επηρεάσει αρνητικά τους επισκέπτες με προβλήματα όρασης. Στόχος για ξεχωριστά χρώματα για ενεργά χρώματα και χρώματα ακολουθίας, για να διασφαλιστεί ότι οι επισκέπτες της ιστοσελίδας δεν θα μπερδεύονται για τις σελίδες που έχουν επισκεφθεί.
