Kung ang browser ng bisita ng website ay hindi makahanap ng anumang pahiwatig ng disenyo ng kulay ng mga hyperlink sa code ng pahina, gagamitin nito ang mga default na halaga. Ang mga halagang ito ay asul para sa mga passive link, pula para sa mga aktibong (on hover) na mga link, at ang kulay ng kulay ng magenta para sa mga nabisitang link. Ang scheme ng kulay na ito ay hindi palaging sinamahan ng scheme ng kulay ng disenyo ng pahina, samakatuwid, ang isang bloke ng mga paglalarawan ng istilo ng link ay karaniwang kasama sa code.
Panuto
Hakbang 1
Lumikha ng isang hanay ng mga tagubilin para sa browser na ilalarawan ang mga kulay ng link sa tatlong mga estado. Halimbawa, maaaring ganito ang hitsura: a: link {color: Red;}
a: binisita ang {kulay: Dilaw;}
a: hover {color: Orange;} Dito ang "a" sa simula ng bawat linya ay tinawag na "tagapili" at tumutukoy sa tag kung saan dapat ilapat ng browser ang paglalarawan ng istilo na nakapaloob sa mga kulot na tirante. Ang "A" ay ang hyperlink na tag. Ang salitang idinagdag sa tagapili na pinaghiwalay ng isang colon ay tinatawag na isang "pseudo-class" -na ginagamit ng browser upang matukoy kung aling link ang nagsasaad ng estilo sa mga kulot na brace. tumutugma ang link sa isang regular na link, binisita ang isang link na napasyahan na, at i-hover ang isang link kapag ang kursor ay lumalagay sa ibabaw nito. Ang mga kulay na nakatalaga sa parameter ng kulay sa loob ng mga kulot na tirante ay maaaring tukuyin alinman sa pangalan ng kulay ng kulay o ng hexadecimal code nito.
Hakbang 2
Kung kailangan mong magtalaga ng iba't ibang mga kulay sa iba't ibang mga pangkat ng mga link sa pahina, pagkatapos ay italaga ang bawat pangkat ng sarili nitong pagtatalaga ("klase") at gumawa ng isang hiwalay na paglalarawan ng mga estilo para sa bawat isa sa kanila. Halimbawa, pangalanan ang isang pangkat na LinksRed at ang iba pang mga LinksGreen. Pagkatapos ganito ang magiging hitsura ng paglalarawan ng istilo: a. LinksRed: link {color: Red;}
a. LinksRed: binisita ang {color: Yellow;}
a. LinksRed: mag-hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: binisita ang {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} At sa mga tag ng mga link ng bawat pangkat, dapat mong ipahiwatig sa aling klase sila kabilang. Halimbawa: Pulang link
Berdeng link
Hakbang 3
Ang mga tagubiling ito ay nakasulat sa CSS (Cascading Style Sheets), kaya kailangan nilang ilagay sa loob ng isang style tag na naghihiwalay sa kanila mula sa iba pang mga tagubilin sa source code ng pahina, na nakasulat sa HTML (HyperText Markup Language)):
a. LinksRed: link {color: Red;}
a. LinksRed: binisita ang {color: Yellow;}
a. LinksRed: i-hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: binisita ang {color: DarkGreen;}
a. LinksGreen: i-hover {color: Lime;}
Hakbang 4
Ilagay ang nakahanda na bloke ng paglalarawan ng istilo ng link sa bahagi ng header ng code ng mapagkukunan ng pahina - ito ay nalilimitahan ng mga at mga tag.
