Adăugați un fundal la un site web

Fundalul este unul dintre cele mai importante elemente ale unui site web. Dacă este bine ales, el determină efectul site-ului și subliniază conținutul. Există mai multe moduri de a adăuga un fundal și fiecare servește unui scop diferit. Unele metode aplică fundalul selectat tuturor paginilor site-ului, în timp ce altele aplică doar o anumită pagină. Acest articol vă va învăța cum să modificați fundalul unui site utilizând HTML sau CSS.

metodă

2

Deschideți codul sursă al site-ului dvs. web.

4

Experimentând valorile RGB și Hex, puteți crea diferite nuanțe - dar pentru început, trebuie doar să tastați numele în limba engleză a culorii dorite. Rețineți că tastarea unei culori neobișnuite precum "Ultramarine Bluish Green" va avea ca rezultat un fundal alb.

Adăugați imagini de fundal

• Adăugarea unei imagini de fundal este puțin mai complicată decât stabilirea unui fundal monocrom.

1. 1
   Adăugați fundal-Proprietatea la corp-Etichetă pentru a face codul să arate astfel:
   
   
   
   SRC reprezintă sursa imaginii de fundal. Acesta poate fi în același director sau într-un alt dosar sau pe un alt site web.
   
2. (Imaginea se află în același director)
3. (Imaginea este într-un alt dosar)
4. (Imaginea este pe alt site)
5. 
   2
   Amintiți-vă terminațiile .specificați gif / .jpeg / .jpg.

2

dumneavoastră corp-Eticheta ar trebui să arate astfel:

Adăugați imagini de fundal

2

dumneavoastră corp-Eticheta ar trebui să arate astfel:

3

Amintiți-vă că SRC reprezintă sursa imaginii dorite. Acesta poate fi în același director sau într-un alt dosar sau pe un alt site web.

4

Amintiți-vă terminațiile .specificați gif / .jpeg /.jpg.

Fundal cu model repetat

1. 1
   Pentru a crea un fundal cu un model repetat, trebuie mai întâi să adăugați un fundal, așa cum este descris în ultimul pas. Apoi schimbă-ți atitudinea corp-Zi până la:
   
   
   
   REPEAT-SETTINGS reprezintă setările modelului. Puteți alege dintre următoarele proprietăți:
   
2. (Fundalul se repetă atât pe verticală, cât și pe orizontală.)
3. (Fundalul se repetă orizontal.)
4. (Fundalul se repetă vertical.)

Imagine fixă ​​ca fundal

1. 
   1
   O imagine de fundal fixă ​​arată grozav și nu se schimbă atunci când derulați. Tot ce trebuie să faceți este să faceți câteva modificări la codul pe care l-ați scris în ultima secțiune. corp-Eticheta ar trebui să arate astfel:
2. 
   
   SRC reprezintă sursa imaginii de fundal, poziția este poziția imaginii (puteți să o centrați, să o plasați în colțul din dreapta sus, etc.). Atributul background-attachment este atributul principal pentru acest tip de fundal și determină dacă poziția fundalului se modifică. Se recomandă să nu modificați această valoare.