Skreytt undirlínur CSS þættir

Tækni stílblöðin framkvæmir tvær aðgerðir þegar þú býrð til HTML síður. Í fyrsta lagi, með hjálp sinni, er staða einstakra þætti vefsins myndast. Í öðru lagi gerir það blokkirnar sjónrænt aðlaðandi fyrir notandann. Önnur aðgerðin er framkvæmd á mismunandi vegu. Einn af þeim er undirlínur. CSS kveður á um þennan eiginleika texta- skraut .

Tilgreining á eiginleikaskránni

Notkun eigna textaskreytingar er einföld. Það er nóg að skrifa eftirfarandi línu fyrir þáttinn í kóðanum á stílskránni:

Textaskreyting : attribute_value ;

Í stað þess að eigindaskírteinið býður CSS forskriftin fjölda valkosta:

• Undirstrikun - línan er staðsett stranglega undir textanum;
• Yfirlínur - línan líður frá efsta hluta textans;
• Ekkert - fjarlægja öll skreytingaráhrif;
• Erfðir - samþykkir gildi móðurhlutans.

Ofangreind eru ekki öll möguleg eyðublöð skráð þar sem þessi eiginleiki tilgreinir ekki aðeins CSS-undirlínuna heldur einnig önnur áhrif, til dæmis "að blikka" textanum eða flæðinu.

Dæmi um hönnun hönnunar

Byrjendur í vefhönnun og forritun hafa spurninguna: Af hverju er botn línan í textanum? Í upphafi tímabilsins á internetinu hefur þessi leið til að auðkenna gefið til kynna að notandinn hafi tengla fyrir honum - texti sem verður smellt á nýja síðu.

Sjálfgefin hafa tenglar eignarrétt. Í reynd kemur vandamálið upp við að fjarlægja línuna frá óvirkum þáttum og gera það sýnilegt þegar notandinn sveifir músarbendlinum. Hér er dæmi um kóða sem slökkva á CSS undirlínunni:

A {texti-skreyting: ekkert;}

Eftirfarandi færsla er notuð fyrir virk tengla:

A: sveima {text-decoration: underline;}

Skreytt undirlínur fyrir háþróaður

Venjulegur texti skraut eiginleiki hefur nokkra takmörk:

• Litur línunnar er ekki frábrugðin lit á textanum á tengilinn, það er ómögulegt að greina "litarefni" þeirra;
• Aðeins traustur lína er notaður sem undirstrikun. CSS felur ekki í sér notkun annarra stíl af útlínum.

En sérstök tækni hjálpar til við að framhjá klassískri hönnun texta. Í fyrsta lagi er viðbótar < span > tag notað til að tilgreina tengilinn.

Til dæmis: