Ang katangiang Cascading Style Sheets (CSS) ay karaniwang ginagamit upang baguhin ang kulay ng mga hyperlink sa mga web page. Ang mga hindi gaanong solusyon sa pag-andar sa problemang ito ay nasa wikang HTML (Wika ng HyperText Markup - "hypertext markup na wika").
Kailangan iyon
Pangunahing kaalaman sa mga wikang HTML at CSS
Panuto
Hakbang 1
Maghanda ng isang bloke ng estilo para sa mga hyperlink. Sa pinakasimpleng form nito, maaaring ganito ang hitsura nito: isang {color: Green} Narito ang "a" ay tinatawag na isang "tagapili", na nagsasaad na ang paglalarawan ng istilo sa panaklong ay dapat mailapat sa lahat ng mga tag ng link sa dokumento. Tinutukoy ng berde ang kulay ng link; ito ay isang napaka-magaspang na kahulugan ng kulay at bihirang gamitin. Mas madalas, isang "pseudo-class" ang idinagdag sa tagapili ng "a" - isang label na nagbibigay-daan sa iyo upang tukuyin ang istilo ng link sa tatlong magkakaibang estado.
Hakbang 2
Gamitin ang link na pseudo-class upang mai-istilo ang normal (hindi aktibo) na estado ng link. Maaari itong magmukhang ganito, halimbawa: a: link {color: Green}
Hakbang 3
Gamitin ang pseudo-class hover upang tukuyin kung paano dapat lumitaw ang link sa hover. Halimbawa: a: hover {color: Lime}
Hakbang 4
Gamitin ang binisita na pseudo-class upang ilarawan ang istilo ng isang nabisitang link na. Halimbawa: a: binisita ang {color: DarkGreen}
Hakbang 5
Pagsamahin ang lahat ng tatlong mga estado sa isang style block ng paglalarawan. Ang hitsura ng HTML code na naglalaman ng mga paglalarawan ng CSS ng mga estilo ay maaaring, halimbawa, ganito:
a: link {color: Green}
a: binisita ang {color: DarkGreen}
a: hover {color: Lime}
Dito, ang pagbubukas at pagsasara ng mga tag ng estilo ng HTML ay nagsasabi sa browser kung saan nagsisimula at nagtatapos ang mga paglalarawan ng istilo, at sa pagitan nila ay isang paglalarawan ng pag-uugali ng link sa tatlong mga estado.
Hakbang 6
Ang sample na ginamit sa itaas ay nagpapakita lamang ng mga katangian ng kulay, ngunit ang iba pang mga katangian ay maaaring maisama sa paglalarawan. Halimbawa
a: link {color: Green; dekorasyon sa teksto: wala;}
a: binisita ang {color: DarkGreen; dekorasyon sa teksto: wala;}
a: hover {color: Lime; dekorasyon ng teksto: salungguhitan;}
Hakbang 7
Kung nais mong baguhin ang kulay ng ilang mga link lamang sa pahina, at iwanan ang natitira sa mga default na setting, pagkatapos ay idagdag ang katangian ng klase sa tag ng bawat link na binago. Halimbawa, pangalanan ang klase ng hyperlink na ito ng mga bagongLink. Pagkatapos ang link tag ay maaaring ganito: link ng teksto Ang parehong pangalan ng klase ay dapat idagdag sa paglalarawan ng estilo:
a.newLinks: link {color: Green; dekorasyon sa teksto: wala;}
a.newLinks: binisita ang {color: DarkGreen; dekorasyon sa teksto: wala;}
a.newLinks: mag-hover {color: Lime; dekorasyon ng teksto: salungguhitan;}
Hakbang 8
Ilagay ang code ng paglalarawan ng estilo na inihanda mula sa mga halimbawang inilarawan sa itaas sa header ng pahina - sa pagitan ng mga at mga tag. Kung kinakailangan, magdagdag ng isang katangian ng klase sa mga link tag na may pangalang ginamit sa mga paglalarawan ng istilo. Pagkatapos i-save ang binagong pahina at ang mga pamamaraan para sa pagbabago ng kulay ng mga hyperlink ay makukumpleto.
