Všechny webové prohlížeče mají výchozí barvy, které používají pro odkazy, pokud je webový návrhář nenastaví. Oni jsou:
- Výchozí barva odkazu.
- Aktivní barva odkazu (při kliknutí a držení myši přes odkaz).
- Následující barva odkazu (při kliknutí na odkaz dříve).
Navíc, zatímco většina webových prohlížečů to ve výchozím nastavení nezmění, můžete také definovat barvu vznášení - barvu, na které se odkaz nachází, když je myš držena nad ním.
Použijte CSS pro změnu barvy odkazu
Chcete-li změnit tyto barvy, použijete CSS (existují i některé zastaralé atributy HTML, které můžete použít také, ale nedoporučuji používat nic zastaralého). Nejjednodušší způsob, jak změnit barvu odkazu, je stylovat značku :
a {barva: černá; }}Pomocí tohoto CSS některé prohlížeče změní všechny aspekty spojení (aktivní, následované a podržte kurzor) na černé, zatímco jiné budou měnit pouze výchozí barvu.
Použití pseudotříd CSS pro změnu všech částí odkazu
Pseudo-třída je reprezentována v CSS dvojtečkou (:) před názvem třídy . Existují čtyři pseudotřídy, které ovlivňují odkazy:
Chcete-li změnit výchozí barvu odkazu:
a: odkaz {barva: červená; }}Změna aktivní barvy:
a: aktivní {barva: modrá; }}Chcete-li změnit následující barvu odkazu:
a: navštívené {barva: fialová; }}Změna myši nad barvou:
a: hover {barva: zelená; }}