Jak Umístit Pozadí Na Web

Obsah:

Jak Umístit Pozadí Na Web
Jak Umístit Pozadí Na Web

Video: Jak Umístit Pozadí Na Web

Video: Jak Umístit Pozadí Na Web
Video: Odstraňte pozadí na jakékoliv webkameře! - NVIDIA Broadcast 2024, Smět
Anonim

Pracovní pozadí webu lze srovnat s tapetou pro plochu vašeho operačního systému. Pozadí (pozadí), můžete vytvořit v několika variantách, které budou popsány níže.

Jak umístit pozadí na web
Jak umístit pozadí na web

Nezbytné

Úpravy souboru style.css

Instrukce

Krok 1

Černobílé pozadí. Nejjednodušší druh pozadí, velkým plusem je minimální vytížení stránky pomocí takového obrázku. Pokud soubor stylu (style.css) neobsahuje příkazy, které nastavují barvu pozadí, navrhne prohlížeč ve výchozím nastavení bílou. Ke změně barvy použijte příkaz background-color. Příklad použití tohoto příkazu: background-color: # 3366CC.

Krok 2

K výběru konkrétní barvy můžete použít speciální software, například grafický editor Adobe Photoshop. Pokud jste s ním nikdy nepracovali, doporučujeme použít webové služby. Pozoruhodným příkladem je vyhledávač „Yandex“, přejděte na následující odkaz https://yandex.ru a zadejte frázi „barva modrá“. Před vámi se objeví tabulka barev, ve které si můžete vybrat libovolný podle svých představ, zkopírovat kód a vložit jej do kódu webu.

Krok 3

Textura pozadí. Kromě barvy pozadí můžete na kteroukoli stránku svého webu přidat obrázek nebo cyklicky se opakující vzor (texturu). Chcete-li to provést, po zadání barvy pozadí napište příkaz background-image, například background-image: url (img / uzor.png). Cesta k souboru musí být uvedena v závorkách. Stojí za zmínku, že rozlišení textury může začínat od nejmenšího (16x16) a končit obrázky v plné velikosti pro velikost stránek webu (800x600 a více).

Krok 4

Pozadí pomocí přechodu. V tomto případě používáte barvu pozadí, která byla nastavena příkazem barva pozadí, ale vytváříte přechod. Přechod může být vodorovný (x) a svislý (y). Jako přechod pozadí se nejčastěji používá vodorovná poloha, takže čára s přechodem bude vypadat takto: background-repeat: repeat-x.

Doporučuje: