Ang lahat ng mga Web browser ay gumagamit ng mga default na kulay 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 ng Cascading Style Sheet. 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. Apat na pseudo-klase ang 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:
Mga pagsasaalang-alang
Iwasang i-overwrite ang mga default na kulay ng link upang gumawa ng mga link na mas mahirap hanapin. Halimbawa, ang pagbabago ng isang link sa isang napaka-liwanag na kulay laban sa isang puting background ay masamang makaapekto sa mga may kapansanan sa paningin ng mga bisita. Maghangad para sa mga magkakaibang kulay para sa mga aktibong at sinundan na mga kulay na kulay, masyadong, upang matiyak na ang mga bisita ng site ay hindi nalilito tungkol sa kung aling mga pahina ang kanilang binisita.
