Links worden gebruikt om een pagina met andere webpagina's te verbinden. Links met hetzelfde kleur omdat de rest van de tekst moeilijk op te merken is. De kleureigenschap van de CSS wordt gebruikt om de kleur van de links te wijzigen.
Met behulp van CSS kunnen we de links op verschillende manieren opmaken. We kunnen enkele statussen van de hyperlink instellen die als volgt zijn:
css voor vetgedrukt
| een:actief | Het wordt gebruikt om stijl toe te voegen aan een actief element. |
| een: zweef | Het voegt speciale effecten toe aan een element wanneer de gebruiker de muisaanwijzer over het element beweegt. |
| een link | Het voegt stijl toe aan de niet-bezochte link. |
| een: bezocht | Het voegt stijl toe aan een bezochte link. |
Opgemerkt moet worden dat in de CSS-definitie: een: zweef moet erna komen een link En een: bezocht en ook een:actief moet komen na de een: zweef om effectief te zijn.
De volgorde waarin de statussen van de hyperlink worden aangegeven, is als volgt:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Om de kleur van de link te veranderen, moeten we de kleur eigendom van CSS. De naam van de kleur kan in elk geldig formaat worden opgegeven, zoals de kleurnaam, rgb()-waarde of HEX-waarde.
tekenreeks formatter
Laten we nu eens kijken hoe we de kleur van links kunnen instellen aan de hand van enkele voorbeelden.
Voorbeeld
Standaard is de kleur van de normale of niet-bezochte links blauw. In dit voorbeeld wijzigen we de standaardlinkkleur met behulp van de kleur eigendom.
leeuw vergeleken met een tijger
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Test het nu Uitvoer
Wanneer het programma wordt uitgevoerd, krijgen we het volgende scherm.
Als u zweeft, ziet de link er als volgt uit:
Wanneer de link actief is, is de kleur van de link rood, zoals hieronder weergegeven.
