Pozadí je jedním z nejdůležitějších prvků webové stránky. Dobré pozadí vytváří tón pro web a doplňuje obsah. Existuje mnoho různých způsobů, jak přidat pozadí, přičemž každý způsob má jiný účel. Některé metody umožňují použít pozadí na všechny stránky na webu, zatímco jiné omezují pozadí pouze na určitou stránku. Tento článek vás naučí, jak přidat pozadí na svůj web pomocí HTML nebo CSS.
Kroky
Metoda 1 ze 2: Metody HTML
Jednobarevné pozadí
Krok 1. Jednobarevné pozadí je nejzákladnějším typem pozadí, které můžete na web umístit
Ve skutečnosti každý web začíná výchozím bílým pozadím. Zatímco při použití s harmonickým barevným schématem může být bílé pozadí velmi elegantní a čisté, může být upřednostňováno jiné barevné pozadí s různými motivy.
Krok 2. Otevřete svůj webový kód (zdroj)
Krok 3. Do tagu body přidejte atribut nazvaný bgcolor
Nyní by vaše značka těla měla vypadat takto-
kde COLORNAME je název barvy. COLORNAME lze naplnit mnoha druhy barevných zástupců-
- (název barvy)
- (hexadecimální hodnota)
- (Hodnota RGB)
Krok 4. Experimentování s RGB a # může vést k mnoha odstínům, ale můžete jít snadno první cestou
Pamatujte však, že zadáním neobvyklé barvy jako „Ultramarine Bluish Green“bude bílá barva.
Přidání obrázku na pozadí
Přidání obrázku na pozadí je o něco složitější než jednobarevné pozadí
Krok 1. Přidejte do značky body vlastnost background, aby vypadala takto-
kde SRC je zdrojem obrázku SRC může být ve stejné složce nebo jiné složce/webové stránce.
- (ve stejné složce)
- (v jiné složce)
- (na jiné webové stránce)
Krok 2. Nezapomeňte zadat příponu.gif /-j.webp" />
Metoda 2 ze 2: Metody CSS
Jednobarevné pozadí
Krok 1. Chcete -li do CSS přidat jednobarevné pozadí, přidejte atribut stylu
Můžete také zadat ID a třídy a používat externí i interní šablony stylů.
Krok 2. Vaše značka těla by měla vypadat takto-
kde COLORNAME je název barvy, hexadecimální hodnoty nebo RGB (pamatujte také na poslední kroky jednobarevného pozadí v HTML, platí zde také).
Přidání obrázku
Krok 1. Chcete -li přidat obrázek, přidejte do tagu body atribut style
Můžete také zadat ID a třídy a používat externí i interní šablony stylů.
Krok 2. Vaše značka těla by nyní měla vypadat takto-
Krok 3. Pamatujte, že zdrojem je SRC
Může to být ze stejné složky, jiné složky nebo jiné webové stránky.
- (ve stejné složce)
- (v jiné složce)
- (na jiné webové stránce).
Krok 4. Nezapomeňte přidat také.extensions
Opakující se vzorované pozadí
Krok 1. Chcete -li vytvořit pozadí s opakovaným vzorem, přidejte pozadí podle výše uvedených kroků
Vaše značka těla musí být nyní změněna na-
Kde jsou nastavení OPAKOVÁNÍ. Může existovat mnoho nastavení opakování, například-
- (Pozadí se bude opakovat svisle i vodorovně.)
- (Pozadí se bude opakovat vodorovně.)
- (Pozadí se bude vertikálně opakovat.)
Opravené pozadí obrázku
Krok 1. Pozadí pevného obrázku vypadá skvěle a při posouvání dolů se nemění
Chcete -li to provést, stačí provést několik jednoduchých vylepšení kódu ve výše uvedené části. Proveďte vylepšení, aby značka na těle vypadala takto-