Veze se koriste za povezivanje jedne stranice s drugim web stranicama. Veze sa istim boja kao i ostatak teksta teško uočljivi. Svojstvo boje CSS-a koristi se za promjenu boje poveznica.
Pomoću CSS-a možemo stilizirati veze na različite načine. Možemo postaviti neka stanja hiperveze koja su sljedeća:
a: aktivan | Koristi se za dodavanje stila aktivnom elementu. |
a: lebdjeti | Dodaje posebne efekte elementu kada korisnik pomakne pokazivač miša preko elementa. |
poveznica | Dodaje stil neposjećenoj vezi. |
a:posjetio | Dodaje stil posjećenoj vezi. |
Treba napomenuti da u CSS definiciji, a: lebdjeti mora doći poslije poveznica i a:posjetio I također a: aktivan mora doći nakon a: lebdjeti kako bi bili učinkoviti.
Redoslijed deklariranja stanja hiperveze dan je kako slijedi:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC}
Da bismo promijenili boju veze, moramo koristiti boja vlasništvo CSS-a. Naziv boje može se dati u bilo kojem važećem formatu, kao što je naziv boje, vrijednost rgb() ili HEX vrijednost.
Pogledajmo sada kako postaviti boju poveznica koristeći neke primjere.
Primjer
Prema zadanim postavkama, boja normalnih ili neposjećenih veza je plava. U ovom primjeru mijenjamo zadanu boju veze pomoću boja vlasništvo.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p>Testirajte sada
Izlaz
Kada se program izvrši, dobit ćemo sljedeći ekran.
Kada lebdite, poveznica će izgledati ovako:
Kada je veza u aktivnom stanju, tada je boja veze crvena, kao što je prikazano u nastavku.