logo

Cum se adaugă o imagine de fundal în CSS?

The imagine de fundal proprietatea în CSS este folosită pentru a seta o imagine ca fundal al unui element. Folosind această proprietate CSS, putem seta una sau mai multe imagini de fundal pentru un element.

În mod implicit, imaginea este poziționată în colțul din stânga sus al unui element și se repetă atât pe orizontală, cât și pe verticală. Imaginea de fundal trebuie aleasă în funcție de culoarea textului. Combinația proastă de text și imagine de fundal poate fi cauza unei pagini web prost proiectate și imposibil de citit.

The url() valoarea acestei proprietăți ne permite să includem o cale de fișier către orice imagine. Va afișa fundalul elementului. Putem folosi mai multe imagini sau un amestec de degrade și imagini pentru fundal. Dacă imaginea de fundal nu reușește să se încarce sau dacă folosim gradienți, dar aceștia nu sunt acceptați în browserul corespunzător, atunci putem folosi valoarea de rezervă (valoarea folosită ca înlocuire) ca culoare de fundal a elementului.

iterarea hărții java

Sintaxă

 background-image: url(); 

Valori

url(): Este adresa URL a imaginii. Putem separa adresele URL printr-o virgulă dacă dorim să specificăm mai multe imagini.

avantajele si dezavantajele tehnologiei

Exemplu

 body { background-image: url('cat.webp'); background-color: lightgray; } 
Testează-l acum

Ieșire

Cum să adăugați o imagine de fundal în CSS

Exemplu

 body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); } 
Testează-l acum

Ieșire

Cum să adăugați o imagine de fundal în CSS

Exemplu

 body { height: 200px; background-color: #cccccc; background-image: linear-gradient(rgba(0, 0, 255, 0.5),rgba(255, 255, 0, 0.5)), url('lion.webp'); } 
Testează-l acum

Ieșire

Cum să adăugați o imagine de fundal în CSS