Vložit obrázek na pozadí na web je pětiminutová záležitost. Mnohem více času se věnuje přípravě obrazu - výběru, úpravám, přidávání efektů, skládání několika ilustrací do jednoho grafického souboru.
Instrukce
Krok 1
Atribut pozadí je zodpovědný za správu pozadí. Chcete-li stránku rovnoměrně vyplnit jednou barvou, použijte značku stylu v těle:. Pozadí bude černé. Pokud používáte CSS, vložte do head: body {background-color: # 000000;}
Krok 2
Pomocí odkazu se nastaví opakující se obrázek. Adresa je uvedena jako externí nebo interní odkaz. Při použití této metody je důležité, aby švy mezi obrázky zůstaly neviditelné, jinak bude stránka vypadat nedbale. V CSS použijte: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Krok 3
Opakování vzoru lze ovládat. Opakování pozadí je zodpovědné za tuto funkci spolu s následujícími prvky: - opakování-x - horizontální opakování; - opakování-y - vertikální opakování: - opakování - opakování v obou směrech; - neopakování - bez opakování. Je nastaven jako this: body {background-color: # 000000; background-image: url ("butterfly.gif"); background-repeat: no-repeat; }
Krok 4
Pozice na pozadí pomáhá umístit obrázek do požadované části webové stránky. Souřadnice lze nastavit pomocí procenta (50% 75%), centimetrů (5 cm 5 cm), pixelového aspektu (200px 400px), slovní formy (vlevo, vpravo, nahoře, uprostřed, dole). Například: body {background-color: # 000000; background-image: url ("butterfly.gif"); background-repeat: no-repeat; připojení na pozadí: opraveno; pozice na pozadí: vlevo dole; } Hodnota 0% 0% se rovná levé horní části.
Krok 5
Vlastnost background-attachment určuje, zda se obrázky budou posouvat společně se stránkou (background-attachment: scroll) nebo ne (background-attachment: fixed).
