Jak odstranit podtržení odkazů CSS na webu?

Historicky při procházení webového dokumentu prohlížeče zdůrazňují a zvýrazňují hypertextový odkaz na hypertextový odkaz. To může vážně ohrozit vizi návrháře a zkazit vzhled místa. Webmaster může použít speciální instrukce CSS a odstranit podtržení odkazu tak, aby ho krásně vložil do stránky.

Proč upozornit na odkaz?

Vzhledem k původu World Wide Web mají hypertextové odkazy zvláštní význam. Splňují nejdůležitější funkci spojující miliony různých webových dokumentů do jedné sítě. Zvláštní stav prvku určil potřebu výběru na stránce jakýmkoli způsobem. Aby spojení nebylo spojeno s jiným textem (který byl původně černý), bylo rozhodnuto zdůraznit a malovat to modře. Navíc přidal účinky na myši (zmizení podtržení, změní kurzor) a změnu barvy již navštívené odkazy.


Zde jsou první webové stránky jako toto:
Hypertextové odkazy se okamžitě vykreslují na pozadí okolního textu. Toto chování prvků je opraveno a prohlížeče ji začaly používat ve výchozím nastavení.

Izolace odkazy

S rozvojem CSS, celá řada možností, jak vytvořit pozoruhodný prvek kontroly, bez podtržení. Navíc se v některých případech tato tenká čára stala nežádoucí, protože se nezaměřovala do návrhu webové stránky. Pracovníci potřebovali příležitost používat CSSodstraňte podtržení odkazů, například v hlavní nabídce webu a postranním panelu. Proto se zachová základní myšlenka, že hypertextový odkaz má být viditelný, ale způsob, jak ji implementovat ve výchozím nastavení, vždy neplní potřeby.

Změna stylu hypertextového odkazu

Odstranění podtržítka odkazu CSS je velmi snadné. K tomu je zde speciální instrukcetext-decoration . Řídí návrh čáry textu pomocí vodorovné čáry a definuje jeho konkrétní polohu.
Podpora prohlížeče
Vlastnost textové dekorace a její hodnota jsou dokonale podporovány všemi existujícími prohlížeči, včetně jejich starších verzí, takže můžete zrušit odkaz na CSS bezzvláštní potíže.

Související publikace