Změnu parametrů zobrazení odkazů v html lze provést pomocí kaskádových šablon stylů css. Umožní vám přizpůsobit zobrazení písma odkazu, jeho barvu před tím, než na něj uživatel klikne a po kliknutí myší. Můžete také změnit typ písma použitého písma a jeho velikost.
Instrukce
Krok 1
Třídy a pseudotřídy se používají k nastavení parametrů odkazu v css. Odkaz pseudo-třídy a: nastavuje styl pro běžný odkaz, a: visit umožňuje přizpůsobit zobrazení již použitého odkazu. A: active zpracovává parametry značky, když na prvek kliknete kurzorem, a: hover nastaví styl odkazu, když na něj umístíte ukazatel myši. Můžete také vytvořit libovolnou třídu pro prvek sami a v parametrech použít standardní operátory k formátování textu.
Krok 2
Chcete-li deaktivovat zobrazení podtržení textu odkazu v prohlížeči, použijte parametr text-decoration: none. Tento atribut můžete určit jak ve třídě, tak v pseudotřídě prvku. Chcete-li změnit barvu odkazu, použijte parametr color pro velikost - standardní atribut velikosti písma. Pokud chcete zahrnout tučný nebo kurzíva, použijte parametr font-weight.
Krok 3
Otevřete soubor html v libovolném textovém editoru, který používáte k úpravě kódu stránky. Poté přejděte do části dokumentu a pomocí úchytu nastavte kód css pro budoucí odkazy na stránce. Například:
Změna odkazů
a: link {text-decoration: none;
velikost písma: 14px;
váha písma: tučné;
červená barva; }
Krok 4
Tento kód odstraní podtržení z běžného odkazu, nastaví velikost textu na 14 pixelů, použije tučný styl a červenou barvu prvku. Nyní se jakýkoli odkaz ve značce zobrazí takto.
Krok 5
Můžete vytvořit styl pro každý konkrétní odkaz pomocí css tříd. Pokud tedy kód ve značce vypadá takto:
a.link1 {font-size: 20px; Černá barva;}
Krok 6
Velikost odkazu můžete nastavit na 20 pixelů a černou barvu pomocí třídy v těle dokumentu takto:
Odkaz
Z příkladu můžete vidět, že odkazu byla přiřazena vytvořená třída zpětného kódu css kódu zadáním atributu třídy odkazu. Tento odkaz bude nyní zobrazen černě a bude mít velikost 20 pixelů. Chcete-li tento atribut změnit, upravte kód css části stránky.
Krok 7
Změna vzhledu odkazu je dokončena, můžete uložit změny provedené v souboru a spustit jej pro prohlížení v prohlížeči.
