Zmena parametrov zobrazenia odkazov v html sa dá vykonať pomocou kaskádových šablón štýlov css. Umožňujú vám prispôsobiť zobrazenie písma odkazu, jeho farbu pred tým, ako naň používateľ klikne a po kliknutí myšou. Môžete tiež zmeniť typ písma použitého písma a jeho veľkosť.
Inštrukcie
Krok 1
Na nastavenie parametrov odkazu v css sa používajú triedy a pseudotriedy. Odkaz pseudo-triedy a: nastavuje štýl bežného odkazu, a: navštívené vám umožňuje prispôsobiť zobrazenie už použitého odkazu. A: active narába s parametrami značky, keď na prvok kliknete kurzorom, a: hover nastaví štýl odkazu, keď na neho umiestnite kurzor myši. Pre prvok môžete tiež vytvoriť ľubovoľnú triedu a v parametroch na formátovanie textu použiť štandardné operátory.
Krok 2
Ak chcete zakázať zobrazovanie podčiarknutia textu odkazu v prehliadači, použite parameter text-decoration: none. Tento atribút môžete pre prvok určiť v triede aj v pseudotriede. Ak chcete zmeniť farbu odkazu, použite parameter color pre veľkosť - štandardný atribút veľkosť písma. Ak chcete zahrnúť tučné alebo kurzíva, použite parameter písma-váha.
Krok 3
Otvorte svoj html súbor v ľubovoľnom textovom editore, ktorý použijete na úpravu kódu stránky. Potom prejdite do časti dokumentu a pomocou úchytky nastavte kód css pre budúce odkazy na stránke. Napríklad:
Menia sa odkazy
a: link {text-decoration: none;
veľkosť písma: 14px;
váha písma: tučné;
farba: červená; }
Krok 4
Tento kód odstráni podčiarknutie od bežného odkazu, nastaví veľkosť textu na 14 pixelov, použije tučný štýl a červenú farbu prvku. Teraz sa akýkoľvek odkaz v značke zobrazí takto.
Krok 5
Pre každý konkrétny odkaz môžete vytvoriť štýl pomocou tried css. Ak teda kód v značke vyzerá takto:
a.link1 {font-size: 20px; farba: čierna;}
Krok 6
Veľkosť odkazu môžete nastaviť na 20 pixelov a čiernu farbu pomocou triedy v tele dokumentu takto:
Odkaz
Z príkladu vidíte, že odkazu bola priradená vytvorená trieda kódu css kroku krok späť zadaním atribútu triedy odkazu. Tento odkaz bude teraz zobrazený čiernou farbou a bude mať veľkosť 20 pixelov. Ak chcete zmeniť tento atribút, upravte kód css v časti stránky.
Krok 7
Zmena vzhľadu odkazu je dokončená, môžete uložiť zmeny vykonané v súbore a spustiť ich na prezeranie v prehliadači.
