Všechny webové prohlížeče používají výchozí barvy pro odkazy, pokud 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 (pokud byl odkaz dříve klepnut)
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žijte kaskádový stylový list. 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. Čtyři pseudotřídy 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:
Úvahy
Vyhněte se přepisování výchozích barev odkazů, aby se odkazy těžko objevily. Například změna odkazu na velmi světlou barvu na bílém pozadí nepříznivě ovlivní návštěvníky se zrakovým postižením. Zaměřte se na oddělené barvy pro aktivní barvy a barvy s následnou linkou, abyste zajistili, že návštěvníci stránek nebudou mít zmatené stránky, které navštívili.
