Odstranite povezavo podčrtaj ali ustvarite črtkane ali dvojno podčrtane povezave
Privzeti brskalniki imajo določene sloge CSS, ki jih uporabljajo za določene elemente HTML. Če teh privzetih vrednosti ne prepišete z lastnimi listi slogov vašega spletnega mesta, bodo uporabljene privzete nastavitve. Pri hiperpovezavah je privzeti slog prikaza, da bo vsako povezano besedilo modro in podčrtano. Brskalnik to naredi tako, da obiskovalci spletnega mesta zlahka vidijo, katero besedilo je povezano. Mnogi spletni oblikovalci ne skrbijo za te privzete sloge, še posebej tiste, ki poudarjajo. K sreči CSS olajša spreminjanje videza tistih, ki jih poudarijo ali jih popolnoma odstranijo.
Odstranjevanje podčrtanega besedila povezave
Podčrtano besedilo je lahko težje prebrati to neznano besedilo. Poleg tega mnogi oblikovalci preprosto ne skrbijo za videz podčrtanih besedilnih povezav. V teh primerih boste verjetno želeli odstraniti vse te podčrtane.
Če želite odstraniti podčrtane elemente iz besedilnih povezav, boste uporabili tekstovno dekoracijo znamke CSS. Tukaj je CSS, ki bi ga napisal za to:
{tekst-dekoracija: nič; }
S to črto CSS-ja bi odstranili podčrtano vsebino iz vseh besedilnih povezav. Čeprav je to zelo splošen slog (uporablja element selektorja), ima še vedno več specifičnosti kot privzeti slogi brskalnikov. Ker so ti privzeti slogi tisto, kar ustvarja poudarek za začetek, je to tisto, kar morate prepisati.
Previdnost pri odstranjevanju podčrtav
Vizualno je lahko odstranitev podčrtov točno tisto, kar želite doseči, vendar morate biti previdni, ko to tudi storite. Ne glede na to, ali vam je všeč videz podčrtanih povezav ali ne, ne morete trditi, da bi bilo očitno, katero besedilo je povezano in kar ni. Če vzamete podčrtati ali spremeniti to privzeto barvo modre povezave, morate zagotoviti, da jih zamenjate s slogi, ki še vedno omogočajo izstopanje povezanega besedila. To bo omogočilo bolj intuitivno izkušnjo obiskovalcev vašega spletnega mesta.
Ne izpostavljajte brez povezave
Še ena previdnost na povezavah in poudarja, ne poudarjajte besedila, ki ni povezava, da bi jo poudarila. Ljudje so pričakovali, da je podčrtano besedilo povezava, zato, če poudarite vsebino, da dodate poudarek (namesto, da bi ga krepko ali kurzivno označili), pošljete napačno sporočilo in boste zmedli uporabnike spletnih mest.
Spremenite podčrtano na pike ali črtice
Če želite ohraniti svojo besedilno povezavo, poudarja, vendar spremenite slog tega podčrtanega iz privzetega videza, ki je "soldi" linija, lahko to tudi storite. Namesto te čiste linije lahko uporabite pike, da poudarite svoje povezave. Če želite to narediti, boste še vedno odstranili podčrtano oznako, vendar jo boste zamenjali s slogom slogov na spodnjem koncu:
{tekst-dekoracija: nič; border-bottom: 1 pikčasto piko; }Ker ste odstranili standardno podčrtano, je edini, ki se prikaže.
Enako lahko storite, da dobite črtice. Preprosto spremenite slog meje na spodnji strani:
{tekst-dekoracija: nič; meja spodaj: 1px črta; }Spremenite podčrtano barvo
Drug način za opozarjanje na vaše povezave je sprememba barve podčrta. Prepričajte se, da barva ustreza vaši barvni shemi .
{tekst-dekoracija: nič; meja-spodaj: 1 pika rdeča; }Double Podčrtaj
Trik pri uporabi dvojnih poudarkov je, da morate spremeniti širino meje. Če ustvarite 1px široko mejo, boste na koncu dobili dvojno podčrtano, ki je videti kot en sam podčrtaj.
{tekst-dekoracija: nič; border-bottom: 3px dvojno; }Z obstoječim podčrtavanjem lahko uporabite dvojno podčrtanje z drugimi funkcijami, na primer eno od vrstic:
{border-bottom: 1px dvojno; }Ne pozabite na zvezne države
Sloge na spodnjem delu lahko dodate v svoje povezave v različnih državah, kot so: hover,: active ali: visited. S tem lahko ustvarite lepo doživetje v načinu "rolloverja" za obiskovalce, ko uporabite ta "lebdenje" pseudo-razreda. Če se pomaknete nad povezavo, se prikaže na drugi pikčasti podčrtavi:
{tekst-dekoracija: nič; } a: hover {border-bottom: 1px dotted; }Izvorni članek Jennifer Krynin. Uredil Jeremy Girard