A háttérkép elhelyezése egy weboldalon öt perces ügy. Sokkal több időt fordítanak a kép előkészítésére - kiválasztásra, beállításra, effektusok hozzáadására, több illusztráció összeállítására egy grafikai fájlba.
Utasítás
1. lépés
A háttér attribútum felelős a háttér kezeléséért. Ha egyenletesen szeretné kitölteni az oldalt egyetlen színnel, használja a stílus címkét a body: mezőben. A háttér fekete lesz. Ha CSS-t használ, tegye a fejébe: body {background-color: # 000000;}
2. lépés
A link segítségével egy ismétlődő képet állítunk be. A címet külső vagy belső hivatkozásként adjuk meg. E módszer alkalmazásakor fontos, hogy a képek közötti varratok láthatatlanok maradjanak, különben az oldal hanyagnak tűnik. A CSS-ben használja: body {background-color: # 000000; background-image: url (images / pattern.png);}.
3. lépés
A minta ismétlése vezérelhető. A háttérismétlés felelős ezért a funkcióért, a következő elemekkel együtt: - ismétlés-x - vízszintes ismétlés; - ismétlés-y - függőleges ismétlés: - ismétlés - ismétlés mindkét irányban; - nem ismétlés - ismétlés nélkül. ez: test {háttér-szín: # 000000; háttérkép: url ("butterfly.gif"); háttérismétlés: nem ismétlés; }
4. lépés
A háttér-helyzet segít a kép elhelyezésében a weboldal kívánt részében. A koordinátákat a százalék (50% 75%), a centiméter (5 cm 5 cm), a képpont képpont (200 képpont 400 képpont), a szóalak (bal, jobb, felső, középső, alsó) segítségével állíthatjuk be. Például: body {background-color: # 000000; háttérkép: url ("butterfly.gif"); háttérismétlés: nem ismétlés; háttér-rögzítés: rögzített; háttér-helyzet: bal alsó; } A 0% 0% érték megegyezik a bal felső sarokkal.
5. lépés
A háttér-melléklet tulajdonság megadja, hogy a képeket az oldal együtt görgeti-e (háttér-melléklet: görgetés), vagy sem (háttér-melléklet: fix).
