Jak Nastavit Barvu Pozadí

Obsah:

Jak Nastavit Barvu Pozadí
Jak Nastavit Barvu Pozadí

Video: Jak Nastavit Barvu Pozadí

Video: Jak Nastavit Barvu Pozadí
Video: Nastavení barvy pozadí + vložení obrázku na pozadí 2024, Smět
Anonim

Základní barva pozadí webové stránky se obvykle nastavuje pomocí kaskádových stylů (CSS). Méně často se k tomu využívají možnosti jazyka HTML (HyperText Markup Language - „hypertext markup language“). Někdy jsou prvky popisu CSS umístěny uvnitř značek HTML.

Jak nastavit barvu pozadí
Jak nastavit barvu pozadí

Instrukce

Krok 1

Chcete-li co nejvíce usnadnit určení barvy pozadí a minimalizaci změn ve zdrojovém kódu, použijte atribut bgcolor tagu body. Popisy všech prvků stránky jsou umístěny ve zdroji stránky uvnitř bloku kódu HTML, který začíná značkou a končí značkou. Atribut bgcolor je uveden v úvodní značce a obsahuje pojmenovanou hodnotu barvy (například Red nebo Chocolate) nebo její odpovídající hexadecimální barevný kód (# FF0000 nebo # D2691E). Ve své nejjednodušší podobě lze takový štítek zapsat například takto: Nebo takto: Obě možnosti nastavují stejnou červenou barvu pozadí dokumentu.

Krok 2

Vlastnost barva pozadí použijte, pokud chcete nastavit barvu pozadí dokumentu pomocí jazyka popisu stylu - tato metoda je mnohem běžnější. Bloky popisu stylu mohou být buď zahrnuty do zdrojového kódu dokumentu, nebo zapsány do samostatného souboru s příponou css. Odkaz na externí soubor je umístěn v záhlaví stránky (mezi značkami a) a vypadá asi takto: @import "style.css"; Pokud není nutné přesouvat pokyny CSS do dalšího souboru, potom @import "style.css"; by měl být nahrazen například následujícím testem: body {background-color: Red;} Zde body označují, že příkaz uvnitř složených závorek, který definuje červenou barvu pozadí, odkazuje na stejnou značku těla HTML. A zde existuje několik systémů pro určování barevných odstínů, ale nejčastěji se používají hexadecimální kódy: body {background-color: # FF0000;}

Krok 3

Chcete-li výstižně popsat složitější strukturu pozadí, nahraďte vlastnost background-color pozadím. Například pokud je třeba do pozadí dokumentu kromě pozadí určité barvy umístit obrázek. Takový popis může vypadat například takto: body {background: Red url (img / BGimage.gif) no-repeat;}

Krok 4

Na základě možnosti, kterou jste vybrali, připravte kód, který nastavuje barvu pozadí dokumentu, a vložte jej do zdroje stránky. To lze provést například pomocí online editoru stránek systému pro správu obsahu nebo v libovolném textovém editoru.

Doporučuje: