Přeřazení výchozí barvy odkazu na webový prohlížeč pomocí CSS

Všechny webové prohlížeče mají výchozí barvy, které používají pro odkazy, pokud je webový návrhář nenastaví. Oni jsou:

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á; }}