Mnoho správcov webu chce upraviť spôsob zobrazovania odkazov na webových stránkach, ale so znalosťou iba značiek HTML to nie je možné. Ak chcete z odkazov odstrániť podčiarknutie, HTML vám nepomôže - budete musieť použiť kódy CSS, ktoré sú pre mnohých dosť náročné.
Zmiznutie alebo prejav riadku, keď kurzor myši prejde na odkaz, dodáva vášmu webu na výnimočnosti a láka používateľov, takže ak ste vlastníkom a správcom webu, môže byť užitočné naučiť sa jednoduchý postup eliminácie podčiarknutia v odkazoch.
Inštrukcie
Krok 1
Ako príklad si vezmite akýkoľvek riadok textu, na ktorý chcete odkazovať. Na prácu potrebujete parameter text-decoration: none. Ak ho pridáte do kódu stránky na konkrétnom mieste, podčiarknutie odkazu zmizne.
Nájdite nasledujúci kód a za písmenom „A“zadajte vyššie uvedený parameter štýlu textu.
A {
dekorácia textu: žiadny
}
Krok 2
Touto zmenou kódu ste odstránili podčiarknutie odkazu. Ak teraz chcete, aby sa podčiarknutie zobrazilo znova, iba keď umiestnite kurzor myši na odkaz s kurzorom a jeho farba sa zmení, napríklad pri prechode kurzorom, na červenú, pridajte do kódu nasledujúce parametre:
A: hover {
dekorácia textu: podčiarknutie;
farba: červená
}
Tu, ako vidíte, sa opäť objavil parameter podčiarknutia a parameter farby.
Krok 3
Tu, ako vidíte, sa opäť objavil parameter podčiarknutia a parameter farby.
Pridajte poslednú tretiu časť k vyššie popísaným častiam kódu, bude to posledná časť a v nej priamo zadáte text samotného odkazu, na ktorom môžete skontrolovať výsledný efekt.
Text na overenie odkazu
