Jak Zvýraznit Odkaz Barvou

Obsah:

Jak Zvýraznit Odkaz Barvou
Jak Zvýraznit Odkaz Barvou

Video: Jak Zvýraznit Odkaz Barvou

Video: Jak Zvýraznit Odkaz Barvou
Video: Dekorativní barva s metalickou září Moonlight - Aplikace a ukázky (DIY) 2024, Listopad
Anonim

Značkovací jazyk HTML má velké množství možností pro zobrazení prvků v okně prohlížeče. Chcete-li upravit grafické parametry, nastavit barvu na prvky stránky, často se používá CSS, což vám umožní doladit požadovanou barvu textu.

Jak zvýraznit odkaz barvou
Jak zvýraznit odkaz barvou

Instrukce

Krok 1

Chcete-li upravit parametr zobrazení odkazu, musíte změnit kód stránky. Otevřete dokument HTML pomocí nástroje pro úpravu kódu. Použijte standardní editor Windows „Poznámkový blok“. Můžete také nainstalovat další programy, jako je Notepad ++ nebo HTML-Viewer, které vám umožní zobrazit požadovaný kód se zvýrazněním syntaxe. Chcete-li soubor otevřít v editoru, klikněte pravým tlačítkem a vyberte možnost „Otevřít v“. V zobrazeném seznamu zadejte obslužný program, který jste vybrali.

Krok 2

V okně editoru přejděte na odkaz, jehož barvu chcete změnit. Každý odkaz má formulář Název odkazu. Chcete-li změnit barvu textu, použijte parametr stylu.

Krok 3

Po výběru řádku, který potřebujete změnit, přejděte na blok stránky. Po závěrečném deskriptoru zadejte značku a vytvořte požadovanou pseudotřídu CSS. Například:

.colorchange {barva: červená;

pozadí: modrá;

výplň: 1px; }

Krok 4

Tento kód vytváří pseudotřídu s názvem colorchange, kterou lze použít v atributech odkazu. Parametr color odpovídá za barvu textu prvku - v tomto případě je nastavena červená hodnota, která vytvoří text červeně. K této položce můžete přidat libovolnou hodnotu HTML. Barva pozadí odkazu se nastavuje pomocí parametru pozadí. Parametr odsazení je odpovědný za odsazení odkazu vzhledem k ostatním prvkům.

Krok 5

Po vytvoření pseudotřídy musí být nastavena v těle samotného dokumentu. Vraťte se do části kódu, kde je umístěn váš odkaz. Upravte jej zadáním parametru třídy a přidělením hodnoty s názvem pseudotřídy CSS. Například:

Název odkazu

Krok 6

Podle výše uvedeného CSS vytvoříte červený odkaz s modrým pozadím a výplní 1 pixel. Uložte provedené změny do souboru a zavřete okno editoru. Chcete-li zkontrolovat zadaný kód, otevřete svou stránku v okně prohlížeče a ujistěte se, že provedené nastavení je správné. Zvýraznění odkazu barvou je dokončeno.

Doporučuje: