Fundalul este unul dintre cele mai importante elemente ale unui site web. Un fundal bun creează tonul site-ului web și completează conținutul. Există multe modalități diferite de a adăuga un fundal, fiecare dintre ele având un scop diferit. Unele metode vă permit să aplicați fundalul la toate paginile unui site web, în timp ce altele limitează fundalul la o anumită pagină. Acest articol vă învață cum să adăugați un fundal pe site-ul dvs. web utilizând HTML sau CSS.
Pași
Metoda 1 din 2: Metode HTML
Fundal solid
Pasul 1. Un fundal colorat solid este cel mai de bază tip de fundal pe care îl puteți pune pe un site web
De fapt, fiecare site web începe cu un fundal alb implicit. Cu toate acestea, în timp ce un fundal alb poate avea un aspect foarte elegant și curat atunci când este utilizat cu o schemă de culori armonioasă, un fundal colorat diferit poate fi favorizat cu teme diferite.
Pasul 2. Deschideți codul web (sursă)
Pasul 3. În eticheta de corp, adăugați un atribut numit bgcolor
Acum, eticheta corpului dvs. ar trebui să arate așa -
unde COLORNAME este numele culorii. COLORNAME poate fi umplut cu multe tipuri de reprezentanți ai culorii-
- (numele culorii)
- (valoare hexagonală)
- (Valoare RGB)
Pasul 4. Experimentarea cu RGB și # poate duce la mai multe nuanțe, dar puteți lua prima cale ușoară
Dar nu uitați că tastarea unei culori mai puțin frecvente ca „Ultramarine Bluish Green” va avea ca rezultat alb.
Adăugarea unei imagini de fundal
Adăugarea unei imagini de fundal este puțin mai complicată decât un fundal colorat solid
Pasul 1. Adăugați proprietatea de fundal la eticheta corpului, astfel încât să arate astfel -
unde SRC este sursa imaginii SRC poate fi în același folder sau într-un alt folder / pagină web.
- (în același dosar)
- (în interiorul unui alt folder)
- (într-o altă pagină web)
Pasul 2. Nu uitați să tastați extensia.gif /-j.webp" />
Metoda 2 din 2: Metode CSS
Fundal colorat solid
Pasul 1. Pentru a adăuga un fundal colorat solid în CSS, adăugați un atribut de stil
De asemenea, puteți oferi ID-uri și clase și puteți utiliza atât foi de stil externe, cât și interne.
Pasul 2. Eticheta corpului dvs. ar trebui să arate astfel -
unde COLORNAME este numele culorii, valorii hexagonale sau RGB (Amintiți-vă, de asemenea, ultimii pași ai fundalului colorat solid în HTML, sunt aplicabili și aici).
Adăugarea unei imagini
Pasul 1. Pentru a adăuga o imagine, adăugați atributul style la eticheta corpului
De asemenea, puteți oferi ID-uri și clase și puteți utiliza atât foi de stil externe, cât și interne.
Pasul 2. Eticheta corpului dvs. ar trebui să arate acum așa -
Pasul 3. Amintiți-vă că SRC este sursa
Poate fi din același folder, dosar diferit sau o altă pagină web.
- (în același dosar)
- (în interiorul unui alt folder)
- (într-o altă pagină web).
Pasul 4. Amintiți-vă să adăugați și extensiile
Repetarea fundalului modelat
Pasul 1. Pentru a crea un fundal de model repetat, adăugați un fundal așa cum s-a spus în pașii de mai sus
Eticheta corpului dvs. trebuie schimbată acum în
Unde sunt setările REPEAT-SETTINGS. Pot exista multe setări de repetare, cum ar fi-
- (Fundalul se va repeta atât pe verticală, cât și pe orizontală.)
- (Fundalul se va repeta orizontal.)
- (Fundalul se va repeta vertical.)
Imagine de fundal fixă
Pasul 1. Fundalurile imaginilor fixe arată grozav și nu se modifică pe măsură ce derulați în jos
Pentru a le face, trebuie doar să faceți câteva modificări simple la codul din secțiunea de mai sus. Faceți modificările pentru a face ca eticheta corpului să arate astfel -