Chcete-li vytvořit web s jedním obrázkem jako pozadí, doporučujeme použít níže uvedený příklad CSS v kódu HTML.

Chcete-li výše uvedený kód implementovat na svou webovou stránku, zkopírujte výše uvedené řádky a vložte je mezi části webové stránky. Pokud používáte editor webových stránek WYSIWYG, musíte kliknout na odkaz nebo možnost, která vám umožní vložit kód HTML před zadáním výše uvedeného kódu. Nakonec tento příklad používá obrázek z Computer Hope. Pokud chcete použít vlastní obrázek, nahraďte výše uvedenou tučnou adresu URL umístěním obrázku.

Tip: Pokud používáte externí šablonu stylů CSS, můžete také kopírovat část těla výše uvedeného příkladu do souboru CSS.

Sem vložte kód

Příklad

Tip: Mnoho uživatelů může chtít vytvořit jeden velký obrázek jako pozadí. Pokud to plánujete, buďte ohleduplní k lidem s pomalejším internetovým připojením. Velké obrázky zabírají čas, než se načtou a nemusí vypadat správně u lidí, kteří používají menší velikost monitoru nebo rozlišení.

Poznámka: Pokud chcete namísto toho nastavit obrázek pozadí, nastavte vlastnost background-repeat na jednu z následujících možností:

• repeat - opakuje obrázek na pozadí horizontálně i vertikálně.
• repeat-x - opakuje obraz pozadí pouze horizontálně.
• repeat-y - opakuje obraz pozadí pouze vertikálně.