Ang lahat ng mga Web browser ay may mga default na kulay na ginagamit nila para sa mga link kung hindi itinakda ng Web designer ang mga ito. Sila ay:
- Ang default na kulay ng link.
- Ang aktibong kulay ng link (kapag ang mouse ay na-click at gaganapin sa ibabaw ng link).
- Ang sinundan na kulay ng link (kapag na-click ang link dati).
Dagdag pa, habang ang karamihan sa mga browser sa Web ay hindi binabago ito sa pamamagitan ng default, maaari mo ring tukuyin ang hover color - ang kulay na link ay kapag ang isang mouse ay gaganapin sa ibabaw nito.
Gumamit ng CSS upang Baguhin ang Mga Kulay ng Link
Upang baguhin ang mga kulay na ito, gumamit ka ng CSS (may ilang mga kinawalang HTML na magagamit mo rin, ngunit hindi ko inirerekomenda ang paggamit ng anumang hindi na ginagamit). Ang pinakamadaling paraan upang baguhin ang kulay ng link ay ang estilo ng tag :
isang {kulay: itim; }Sa CSS na ito, babaguhin ng ilang mga browser ang lahat ng aspeto ng link (aktibo, sinundan, at hover) sa itim, habang ang iba ay magbabago lamang sa default na kulay.
Gumamit ng CSS Pseudo-classes upang Baguhin ang Lahat ng Mga Bahagi ng isang Link
Ang isang pseudo-class ay kinakatawan sa CSS na may colon (:) bago ang pangalan ng klase . Mayroong apat na pseudo-klase na nakakaapekto sa mga link:
Upang baguhin ang default na kulay ng link:
a: link {color: red; }Upang baguhin ang aktibong kulay:
a: aktibo {kulay: bughaw; }Upang baguhin ang sinundan na kulay ng link:
a: binisita {color: purple; }Upang baguhin ang mouse sa ibabaw ng kulay:
a: hover {color: green; }