Fundalul colorat de pe site nu numai că atrage atenția vizitatorilor, dar transmite și starea de spirit a resursei. Site-urile cu tematică spațială creează o atmosferă de mister cu un fundal sub forma unui cer înstelat, resursele de divertisment se înveselesc cu culori bogate de culori calde, serviciile web ale serviciilor orașului își arată oficialitatea cu un design auster și fundaluri cu nuanțe mai ales de gri și albastru.. Există mai multe moduri de a crea propria pagină web colorată.
Este necesar
- - Site-ul tău
- - cel puțin cunoștințe de bază despre HTML
Instrucțiuni
Pasul 1
Pentru a crea un fundal solid, găsiți următoarele etichete și în codul HTML. Schimbați prima etichetă astfel:
În această construcție, # FFFF33 este nuanța codată de galben.
Pasul 2
Culoarea paginii poate fi specificată nu numai cu un cod, ci și cu cuvinte speciale - numele culorilor primare. Pentru a indica culoarea de fundal cu un cuvânt, scrieți următorul cod:
Aici „galben” este numele culorii galbene.
Pasul 3
În loc de semnul codului galben sau numele acestuia, adăugați eticheta cu eticheta folosind acest indiciu pentru denumirea dorită a culorii de fundal de care aveți nevoie:
roșu - „roșu” („# FF0000”)
albastru - "albastru" ("# 0000FF")
verde - „verde” („# 008000”)
roz - „roz” („# FFC0CB”)
violet - „violet” („# EE82EE”)
portocaliu - „portocaliu” („# FFA500”)
negru - „negru” („# 000000”)
Pasul 4
Dacă doriți să aveți o imagine repetată pe fundalul site-ului, atunci alegeți o imagine mică, împotriva căreia textul va fi clar vizibil. Încărcați o imagine pe site. Pentru a plasa o imagine ca fundal, introduceți acest cod în etichetă
În această intrare, în loc de „/images/fon.jpg” specificați calea către imaginea dorită.
Pasul 5
Culoarea paginilor web poate fi setată nu numai în cod HTML, ci și folosind stiluri CSS. Folosind aceste stiluri, nu este nevoie să setați fundalul în codul unei pagini noi de fiecare dată. Pentru a defini un fundal în CSS între etichete și a plasa o intrare ca aceasta:
corp {
fundal: # FFFF33;
}
Aici culoarea de fundal este setată de parametrul de fundal.
Pasul 6
Dacă doriți să creați un fundal în CSS utilizând o imagine, atunci între și scrieți următorul cod, în loc de „/images/fon.jpg” specificând calea către imaginea dorită:
corp {
background-image: url ('/ images / fon.jpg');
background-repeat: repeta;
}
Aici parametrul background-image definește imaginea de fundal, background-repeat - repetarea imaginii. Pe pagină.
