Jak vytvořit mozaiku obrazu v HTML

Krok 1

Otevřete soubor HTML v editoru prostého textu. Přejděte na sekci HTML označenou "". Toto je místo, kde bude umístěn obrázek na pozadí.

Krok 2

Vytvořte kód pro nastavení obrázku na pozadí. Toto musí být umístěno ve složce "Obrázky" na pevném disku vašeho webového serveru. Následující kód nastaví obrázek na pozadí "theImage.jpg" na webu:

tělo {pozadí: bílá adresa URL (/images/theImage.jpg); }}

Krok 3

Umístěte mozaikovaný obraz horizontálně. Následující kód způsobí, že se obraz bude opakovat podél stránky vodorovně:

tělo {pozadí: bílý url (/images/theImage.jpg) repeat-x; }}

Krok 4

Opakujte snímek vodorovně a svisle. To bude zahrnovat celou sekci pozadí v prohlížeči uživatele. Následující kód vytvoří mozaiku vašeho obrazu: body {background: white url (/images/theImage.jpg) opakování-x opakování-y; }}