Pentru a vă înfrumuseța site-ul web pe Internet, puteți aduce modificări designului acestuia. Schimbarea designului implică orice acțiune, de la schimbarea fundalului paginii principale până la redesenarea completă a șablonului de site. Dacă decideți să schimbați fundalul site-ului dvs., instrucțiunile următoare vă vor ajuta să rezolvați această problemă.
Necesar
Editarea fișierului CSS
Instrucțiuni
Pasul 1
În cea mai mare parte, codul de proiectare a site-ului se află în fișierul style.css. Dar fiecare șablon poate fi diferit de cel anterior, astfel încât codul de proiectare poate fi localizat într-un fișier diferit, dar și cu extensia css. Pentru a seta culoarea de fundal a site-ului dvs., trebuie să introduceți sau să înlocuiți valoarea existentă cu următoarea expresie: / * fundal alb * / corp {
fundal-culoare: #FFFFFF;} / * fundal titlu alb, culoare font negru * / h1 {
culoare: # 000000;
culoare de fundal: #FFFFFF;
}
Pasul 2
Pentru a insera orice imagine ca fundal pe site-ul dvs., trebuie să introduceți sau să înlocuiți valoarea existentă cu următoarea expresie: body {
culoare de fundal: # 000000;
background-image: url ("Image-1.jpg");
}
Trebuie remarcat faptul că, în acest caz, este necesar să furnizați un link către fișierul imagine, care va fi localizat în același folder cu fișierul css.
Pasul 3
Dacă doriți să plasați o imagine mică sau o imagine mică, utilizați comanda background-repeat. Pentru a utiliza corect această comandă, există mai multe îmbunătățiri la această comandă:
background-repeat: repeat-x - repetă imaginea de-a lungul axei x;
background-repeat: repeat-y - repetați imaginea de-a lungul axei y;
background-repeat: repeat - repetă o imagine de-a lungul a două axe simultan;
background-repeat: no-repeat - imaginea nu se repetă;
background-attachment: scroll - derularea imaginii împreună cu pagina;
background-attachment: fix - imaginea nu este derulată.
Folosind sintaxa acestei comenzi, puteți arăta cum funcționează în exemple:
fundal-poziție: 30px 40px - Imaginea este cu 30 de pixeli în jos de sus și 40 de pixeli de la stânga la dreapta.
poziția de fundal: 60% 35% - Căptușeala stângă este 60%, iar căptușeala superioară este 25%.
