O fesoʻotaʻiga e taatele i luga o itulau uepisaite, ae o le tele o fausiaina o uepi latou te le iloa le mana latou te maua ma le CSS e faʻaaoga ma pulea ai lelei a latou sootaga. E mafai ona e faʻamatalaina fesoʻotaʻiga ma asiasiga, vaʻavaʻai, ma setete malosi. E mafai foi ona e galue ma tuaoi ma talaaga e tuʻuina atu ai lou sooga sili atu pizzaz poʻo le faia ia foliga pei o pona poʻo ni ata.
O le tele o faʻailoga i luga o le initaneti e amata i le faʻamalamalamaina o se faiga i luga o le tag "a":
a {lanu: lanu mumu; }O lenei mea o le a faʻaalia ai itu uma o le fesoʻotaʻiga (faʻaleleia, asia, ma faʻamalosi). E tatau ona e faʻaogaina pseudo-vasega i le vaʻaia o vaega taitasi.
Lisi Pseudo-Vasega
E fa ituaiga o fesoʻotaʻiga pseudo-vasega e mafai ona e faʻamatalaina:
- : fesoʻotaʻiga - o le faʻagata lea mo le sootaga
- : asiasi - ina ua uma ona kiliki se fesoʻotaʻiga
- : faʻavavevave - e pei o se kiore o loʻo faʻatulagaina i luga o se sooga (muamua-kiliki)
- : malosi - saʻo ao faʻapipiʻi le sootaga
Ina ia faʻamalamalama se pseudo-vasega fesoʻotai, faʻaaoga i le tag i lau filifili CSS . O le mea lea, ina ia sui lanu lanu o au sootaga uma i lauulu, tusi:
a: asiasi {lanu: gutu; }Afai e te lalagaina se tasi pseudo-class link, o se manatu manaia e taʻalo ai i latou uma. I lena auala o le ae le maofa ai i ni taunuuga e leai ni mea. O lea afai e te manao e sui le lanu asiasi i le lauulu, ae o isi mea uma-o meatotino o au sootaga e fai si uli, e te tusia:
a: fesoʻotaʻiga, a: vaʻai, a: malosi {lanu: uliuli; } a: asiasi {lanu: gutu; }Suia Luga o Luga
O le auala e sili ona lauiloa i sitaili taʻalo o le suia lea o le lanu pe a faʻafefeteina e le gutu:
a {lanu: # 00f; } a: hover {lanu: # 0f0; }Ae aua nei galo e mafai ona e aafia pe faʻafefea ona fesoʻotaʻi le sooga ao latou kilikiina i le: meatotino faʻaleagaina:
a {lanu: # 00f; } a: malosi {lanu: # f00; }Pe faʻapefea foi ona vaʻaia e le fesoʻotaiga pe a uma ona e asiasi atu i le: asiasiga asiasi:
a {lanu: # 00f; } a: asiasi {lanu: # f0f; }Faʻatasi uma:
a {lanu: # 00f; } a: asiasi {lanu: # f0f; } a: hover {lanu: # 0f0; } a: malosi {lanu: # f00; }Faʻamau i tua o Lisi e Faʻatasi ai Ata poʻo Pulu
E mafai ona e tusia se talaaga i luga o se fesoʻotaʻiga e pei ona i totonu o le Stylish Backgrounds article, ae o le taʻalo faʻatasi ma le talafaʻasolopito, e mafai ona e fatuina se fesoʻotaʻiga e iai se icon e fesoʻotai ai. Filifili se atigipese e laitiiti, pe a ma le 15px e 15px, seivagana ua lautele lau tusitusiga. Tuu le pito i tua i le tasi itu o le sootaga ma seti le filifiliga toe fai e leai-toe fai. Ona fai lea o le fesoʻotaʻiga ina ia mafai ai e le tusitusiga i totonu o le fesoʻotaʻiga ona agai mamao atu i le itu tauagavale po o le taumatau e vaʻaia le faʻamaonia.
a {padding: 0 2px 1px 15px; talaaga: #fff url (ball.gif) leai se mea e toe fai; lanu: # c00; }O le taimi lava e maua ai lau atigipusa, e mafai ona e seti ese se ata e pei o lau uila, malosi, ma asiasia ata ina ia suia ai le sootaga:
a {padding: 0 2px 1px 15px; talaaga: #fff url (ball.gif) leai se mea e toe fai; lanu: # c00; } a: hover {background: #fff url (ball2.gif) o le nofoaga tauagavale e le toe faia; } a: malosi [background: #fff url (ball3.gif) nofoaga tauagavale e le toe faia; }Faʻasolo Pepa Faʻapei o Lou Lisi
O paʻu e matua lauiloa lava, ae seʻia oʻo mai le CSS, e tatau ona e fatuina faʻamau e faʻaoga ai ata , lea e umi ai le umi o lau itulau. O le mea e ofo ai, o loʻo i ai se sitaili e mafai ona fesoasoani ia te oe e faʻapipiʻi faigofie ai le faʻafesoʻotaʻi ma le CSS.
se tuaoi: 4px amataga; paʻu: 2px; tusitusiga-teuteuga: leai; } a: malosi [tuaoi: 4px inset; }Manatua, pe ae tuʻuina lanu i le amataga ma le sitaili o sitaili, e le mafai e tagata sailiili ona tuʻuina atu e pei ona e faʻamoemoe. O lea la, o se pito i lalo o le lanu lanu moana:
se [tuaoi-style: malosi; lautele-lautele: 1px 4px 4px 1px; tusitusiga-teuteuga: leai; paʻu: 4px; lanu tuaoi: # 69f # 00f # 00f # 69f; }Ma e mafai ona e aʻafia ai ituaiga sosoʻo ma gaioiga o fesoʻotaʻiga e fesoʻotai lelei ai, ia faʻaaoga na vasega-pese:
a: sootaga {border-style: soli; lautele-lautele: 1px 4px 4px 1px; tusitusiga-teuteuga: leai; paʻu: 4px; lanu tuaoi: # 69f # 00f # 00f # 69f; } a: liliʻu {lanu-tuaoi: #ccc; }