Jak odstranit podtržítka odkazů? Vlastnosti CSS text-decoration

Odkazy jsou nedílnou součástí jakékoli webové stránky. Mohou být jak textové, tak i tlačítka. V tomto článku budou zváženy pouze textové odkazy. Není žádným tajemstvím, že v HTML všechny prvky nejsou příliš přesné a design je upřímně řečeno špatný. Nejdůležitější součástí „Link“, které narušují vytvoření odkazu je podtržítko. Nyní pochopíme, jak odstranit podtržítka odkazu v CSS.

Vytvoření odkazu

Chcete-li ukázat práci této metody, musíte vytvořit odkaz. To pomáhá standardní HTML 5. Chcete-li vytvořit odkaz, musíte použít tag pár "A", která není blok. Proto je třeba umístit odkazy na jednotlivé řádky, je třeba je umístit do značek odstavců (p). Můžete také použít funkci zobrazení: blok pro každý odkaz.


Začínáme vytvářet propojení. V našem dokumentu HTML napište několik značek. Mezi zaváděcími a zavíracími značkami napíšeme název našeho odkazu, který se zobrazí na stránce. Navíc značka "a" má řadu atributů. Je požadován atribut href, bez kterého nebude doporučení implementováno. Určuje cestu k stránce nebo souboru, kterému bude náš odkaz zpracován. Ve výše uvedeném příkladu nebude žádný přechod z jiných odkazů, takže můžete zadat výchozí hodnotu #. Link vytvořen, nyní jej musíte stylizovat. Existuje několikzpůsoby odstranění podtržení odkazu v CSS:
  • atribut stylu (umístěný uvnitř tagu).
  • Značka stylu (umístěná v bloku záhlaví).
  • Externí připojení stylu pomocí značky odkazu.
  • K odstranění odkazu v CSS můžete použít libovolnou z těchto metod, nejlépe je však připojení externích stylů.

    Tip: Při stylování webové stránky upřednostněte externí odkazy.

    Styling link v CSS

    Ve výše uvedeném příkladu bude použito spojení externího propojení. Otevřete soubor CSS, ve kterém změníme návrh vazeb. Kromě odkazů na této stránce není nic. Proto použijeme tag jako volič jako "a". Pokud si přejete, můžete přidat třídy pro každý odkaz, ale to je volitelné. Zaznamenáváme volič "a", který zapíše textovou výzdobu vlastností: žádný; Jedna jednoduchá vlastnost textové dekorace slouží k odstranění podtržení odkazu pomocí CSS. Textová výzdoba obsahuje řadu dalších hodnot. To také umožňuje udělat horní úder, ale je zřídka používán. Chcete-li odstranit podtržítka odkazu, zadejte následující kód dokumentu CSS:
    Pro zjednodušení kódu můžete použít jednoduchý styl atributu. V příkladu není úplný návrh celé stránky zobrazen, takže tuto metodu můžete použít. Hlavní věc - Nestříkejte tak celou stránku HTML. V takovém kódu můžete snadno zmát.

    Změna citovaného odkazu v CSS

    Předpokládejme, že jste to chtěli udělat, aby v normálním stavu spojení zůstalo podtržítko a když zmizel vznášedlík. Chcete-li odstranit nebo podtrhnout hypertextový odkaz při pohybu myší, použije CSS pseudotřídu ": hover". Zde je příklad:
    Styly mohou být použity nejen pro daný odkaz, ale také pro aktivovaný nebo navštívený. Chcete-li to provést, použijte pseudotřídky ": active" a ": visited".

    Související publikace