Het stylen van een link met CSS kan op verschillende manieren. Hier is een basisscript:
Voordat we beginnen, moet je weten dat er vier verschillende statussen zijn die je kunt stylen voor een link:
1. a:link – dit is de standaardstijl voor een link wanneer deze nog niet is geklikt of bezocht.
2. a:visited – dit is de stijl voor een link die de gebruiker al heeft bezocht.
3. a:hover – dit is de stijl voor een link wanneer de muis eroverheen beweegt.
4. a:active – dit is de stijl voor een link op het moment dat deze wordt aangeklikt.
Een basis CSS voor het stylen van een link kan er als volgt uitzien:
```
a:link {
color: blue;
background-color: transparent;
text-decoration: underline;
}
a:visited {
color: purple;
background-color: transparent;
text-decoration: underline;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
```
In dit voorbeeld wordt de link blauw als standaard kleur en paars als de link al is bezocht. Als je met je muis over de link beweegt, wordt de kleur rood. Als je op de link klikt (actief maakt), wordt de kleur geel. In alle gevallen is de link onderstreept.
Je kan deze CSS regels aanpassen naar je eigen smaak en stijl. Bijvoorbeeld, je kunt de achtergrondkleur veranderen, de tekst vet maken, het lettertype veranderen, enzovoort.
