Punerea unei imagini de fundal pe un site web este o problemă de cinci minute. Se petrece mult mai mult timp în pregătirea imaginii - selecție, reglare, adăugare de efecte, compunerea mai multor ilustrații într-un singur fișier grafic.
Instrucțiuni
Pasul 1
Atributul de fundal este responsabil pentru gestionarea fundalului. Pentru a umple uniform pagina cu o singură culoare, utilizați eticheta de stil în corp:. Fundalul va fi negru. Dacă utilizați CSS, puneți-vă în cap: body {background-color: # 000000;}
Pasul 2
Cu ajutorul unui link, se setează o imagine repetată. Adresa este specificată ca o legătură externă sau internă. Când utilizați această metodă, este important ca cusăturile dintre imagini să rămână invizibile, altfel pagina va arăta neglijent. În CSS, utilizați: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Pasul 3
Repetarea tiparului poate fi controlată. Repetarea în fundal este responsabilă de această funcție împreună cu următoarele elemente: - repetare-x - repetare orizontală; - repetare-y - repetare verticală: - repetare - repetare în ambele direcții; - fără repetare - fără repetare. aceasta: corp {fundal-culoare: # 000000; imagine de fundal: url ("butterfly.gif"); background-repeat: no-repeat; }
Pasul 4
Poziția de fundal ajută la poziționarea imaginii în partea dorită a paginii web. Coordonatele pot fi setate folosind procent (50% 75%), centimetri (5cm 5cm), aspect pixel (200px 400px), formă de cuvânt (stânga, dreapta, sus, centru, jos). De exemplu: body {background-color: # 000000; imagine de fundal: url ("butterfly.gif"); background-repeat: no-repeat; background-attachment: fix; fundal-poziție: stânga jos; } Valoarea 0% 0% este egală cu stânga sus.
Pasul 5
Proprietatea background-attachment specifică dacă imaginile sunt derulate împreună cu pagina (background-attachment: scroll) sau nu (background-attachment: fix).
