logo

Kako promijeniti boju veze u CSS-u?

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.

Kako promijeniti boju veze u CSS-u

Kada lebdite, poveznica će izgledati ovako:

Kako promijeniti boju veze u CSS-u

Kada je veza u aktivnom stanju, tada je boja veze crvena, kao što je prikazano u nastavku.

Kako promijeniti boju veze u CSS-u