HTML -skakels - Verskillende kleure
'n HTML-skakel word in 'n ander kleur vertoon, afhangende van of dit besoek is, onbesoek is of aktief is.
HTML skakel kleure
By verstek sal 'n skakel soos volg verskyn (in alle blaaiers):
- 'n Onbesoekte skakel is onderstreep en blou
- 'n Besoekte skakel is onderstreep en pers
- 'n Aktiewe skakel is onderstreep en rooi
U kan die skakelstatuskleure verander deur CSS te gebruik:
Voorbeeld
Hier sal 'n onbesoekte skakel groen wees sonder onderstreep. 'n Besoekte skakel sal pienk wees sonder onderstreep. 'n Aktiewe skakel sal geel en onderstreep wees. Boonop sal dit rooi en onderstreep word wanneer u oor 'n skakel (a: hover) beweeg:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
Skakel knoppies
'n Skakel kan ook as 'n knoppie gestileer word deur CSS te gebruik:
Hierdie is 'n skakelVoorbeeld
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
Gaan na ons CSS-tutoriaal om meer oor CSS te wete te kom .
HTML-skakelmerkers
Tag | Description |
---|---|
<a> | Defines a hyperlink |
Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .