logo

Hur ändrar man länkfärg i CSS?

Länkar används för att koppla en sida till andra webbsidor. Länkar med samma Färg eftersom resten av texten är svår att lägga märke till. Färgegenskapen för CSS används för att ändra färgen på länkarna.

hur man inaktiverar utvecklarläget

Med hjälp av CSS kan vi styla länkarna på olika sätt. Vi kan ställa in några tillstånd för hyperlänken som är följande:

a:aktiv Den används för att lägga till stil till ett aktivt element.
a:hovra Det lägger till specialeffekter till ett element när användaren flyttar muspekaren över elementet.
en länk Det ger stil till den obesökta länken.
a:besökt Det ger stil till en besökt länk.

Det bör noteras att i CSS-definitionen, a:hovra måste komma efter en länk och a:besökt och även a:aktiv måste komma efter a:hovra för att vara effektiv.

Ordningen för att deklarera hyperlänkens tillstånd ges enligt följande:

 a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} 

För att ändra länkfärgen måste vi använda Färg CSS egendom. Namnet på färgen kan anges i vilket giltigt format som helst, som färgnamnet, rgb()-värdet eller HEX-värdet.

btree och b tree

Låt oss nu se hur man ställer in färgen på länkar med hjälp av några exempel.

Exempel

Som standard är färgen på de normala eller obesökta länkarna blå. I det här exemplet ändrar vi standardlänkfärgen genom att använda Färg fast egendom.

slf4j vs log4j
 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Testa det nu

Produktion

När programmet körs kommer vi att få följande skärm.

Hur man ändrar länkfärg i CSS

När du håller muspekaren kommer länken att se ut så här:

Hur man ändrar länkfärg i CSS

När länken är i aktivt läge är färgen på länken röd, som visas nedan.

Hur man ändrar länkfärg i CSS