Fjarlægja tengilinn undirstrikar eða búðu til strikað punktalista eða tvöfalda undirstrikaða tengla
Sjálfgefið er að vafrar séu með ákveðnar CSS-stafir sem þeir eiga við um tiltekna HTML-þætti. Ef þú skrifar ekki yfir þessar vanrækslu með eigin stílblöðum þínum, þá gilda vanskilin. Fyrir tengla er sjálfgefna skjámyndin sú að allir tengdir textar verða bláar og undirstrikaðar. Vafrinn gerir þetta þannig að gestir gestir geta auðveldlega séð hvaða texti er tengdur. Margir vefhönnuðir eru ekki sama um þessar sjálfgefinar stafir, sérstaklega þær sem undirstrika. Sem betur fer gerir CSS auðvelt að breyta útliti þeirra sem undirstrika eða fjarlægja þær alveg.
Fjarlægi undirlínuna á textatenglum
Undirstrikað texta getur verið erfiðara að lesa þessi óskutaða texta. Auk þess eru margir hönnuðir einfaldlega ekki sama fyrir útliti undirstrikaðra texta tengla. Í þessum tilvikum muntu líklega vilja fjarlægja þessar áherslur að öllu leyti.
Til að fjarlægja undirstrikanirnar úr textatenglum notarðu CSS eignartextasniðið. Hér er CSS sem þú myndir skrifa til að gera þetta:
{texti-skreyting: ekkert; }
Með þeim eina línu af CSS, myndi þú fjarlægja undirlínuna úr öllum textatenglum. Jafnvel þótt þetta sé mjög almennur stíll (það notar frumefni val) hefur það enn meiri sérstöðu en sjálfgefna vafraformarnir gera. Vegna þess að þessi sjálfgefin stíll er það sem skapar undirstrikanirnar til að byrja með, þá er það sem þú þarft að skrifa yfir.
A varúð með því að fjarlægja undirstrikanir
Sjónrænt er að fjarlægja undirstrikun gæti verið nákvæmlega það sem þú vilt ná, en þú ættir að vera varkár þegar þú gerir þetta líka. Hvort sem þú lítur út fyrir undirstrikaða tengla eða ekki, getur þú ekki haldið því fram að þeir gera það augljóst að hvaða texti er tengdur og hver ekki. Ef þú tekur undir undirstöðu eða breytir þessum sjálfgefnum bláum litum, ættir þú að ganga úr skugga um að þú skipti þeim út með stílum sem leyfa ennþá tengdri texta að standa út. Þetta mun leiða til fleiri innsæi upplifun fyrir gesti heims.
Ekki undirstrika ekki tengla
Önnur varúð fyrir tenglum og undirstrikar, undirstrika ekki texta sem er ekki hlekkur sem leið til að leggja áherslu á það. Fólk hefur komið að því að búast við undirstrikaðri texta til að vera hlekkur, þannig að ef þú undirstrikar efni til að bæta áherslu (í stað þess að gera það feitletrað eða italicizing það) sendir þú rangan skilaboð og mun rugla á notendum vefsvæða.
Breyta undirlínunni til punktar eða punkta
Ef þú vilt halda textalínunni þínum undirstrikum, en breyttu stíl þessarar undirstöðu frá sjálfgefna útlitinu, sem er "seldi" lína, getur þú líka gert þetta. Í stað þess að solid línu, getur þú notað punktar til að leggja áherslu á tengla þína. Til að gera þetta verður þú enn að fjarlægja undirlínuna, en þú munir skipta því út með landamærum botnstílareignarinnar:
{texti-skreyting: ekkert; Grindarbotn: 1px dotted; }Þar sem þú hefur fjarlægt stöðluðu undirlínuna er punkturinn einn sá sem birtist.
Þú getur gert það sama til að fá punktur. Breyttu bara landamærum neðst í stíl:
{texti-skreyting: ekkert; Landamæri botn: 1px þjóta; }Breyta undirlínunni
Önnur leið til að vekja athygli á tenglum þínum er að breyta lit undirstreymisins. Gakktu úr skugga um að liturinn passar við litakerfið .
{texti-skreyting: ekkert; Landamæri-botn: 1px solid rauður; }Tvöfaldur undirstrikar
The bragð til að nota tvöfalda undirstrikun er að þú þarft að breyta breidd landamæranna. Ef þú býrð til 1 punkta breitt landamæri, endar þú með tvöfalda undirliti sem lítur út eins og ein undirlínun.
{texti-skreyting: ekkert; Grindarbotn: 3px tvöfalt; }Þú getur einnig notað núverandi undirlínuna til að gera tvöfalda undirlínun með öðrum eiginleikum, svo sem eins og einn af línunum er dotted:
{Border-botn: 1px tvöfalt; }Ekki gleyma tengslaríkjunum
Þú getur bætt við landamærisbundna stíl við tengla þína í mismunandi ríkjum eins og: sveima,: virk eða: heimsótt. Þetta getur skapað góða "rollover" stílupplifun fyrir gesti þegar þú notar þessi "sveima" gervitunglaflokk. Til að búa til annað dotted underline birtast þegar þú sveima yfir tengilinn:
{texti-skreyting: ekkert; } a: sveima {landamæris-botn: 1px dotted; }Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard