De kleur van de koppeling wijzigen bij het verplaatsen van de muis over de koppeling in HTML

Het wijzigen van de linkkleur wanneer de bezoeker op een link staat, is een geweldige methode om aan te geven wat klikbaar is op uw webpagina of blog. Als u wilt dat uw pagina's kleurverandering koppelen, implementeert u de onderstaande code in uw gedeelte van uw HTML of in uw CSS-code voor uw webpagina.

Het onderstaande voorbeeld is hoe u de koppelingseigenschappen van uw webpagina in CSS kunt wijzigen. Als u de koppelingskleur wilt wijzigen wanneer u een muis over een koppeling beweegt, hebt u alleen de regel A: hover nodig.

 A: link {KLEUR: zwart; TEKST-DECORATIE: geen; lettertype-gewicht: normaal} A: bezocht {KLEUR: zwart; TEKST-DECORATIE: geen; lettertype-gewicht: normaal} A: actief {KLEUR: zwart; TEKST-DECORATIE: geen} 

A: hover {KLEUR: blauw; TEKST-DECORATIE: geen; font-weight: none}

hover - De hover-optie is de kleur waarnaar de tekst zal veranderen wanneer de muis zich boven de link bevindt. In dit voorbeeld verandert de link in een blauwe kleur wanneer een muiscursor boven een link zweeft.

Tip: deze CSS-code kan ook worden ingevoegd in een extern CSS-bestand dat vanaf elke webpagina kan worden geladen.