logo

Hogyan lehet háttérképet hozzáadni a CSS-hez?

A háttérkép A tulajdonság a CSS-ben egy kép beállítására szolgál egy elem háttereként. Ezzel a CSS tulajdonsággal egy vagy több háttérképet is beállíthatunk egy elemhez.

Alapértelmezés szerint a kép egy elem bal felső sarkában helyezkedik el, és vízszintesen és függőlegesen is megismétlődik. A háttérképet a szöveg színének megfelelően kell kiválasztani. A szöveg és a háttérkép rossz kombinációja lehet az oka a rosszul megtervezett és nem olvasható weboldalnak.

A url() Ennek a tulajdonságnak az értéke lehetővé teszi, hogy bármely képhez fájlútvonalat adjunk. Megjeleníti az elem hátterét. Használhatunk több képet vagy színátmenetek és képek keverékét a háttérhez. Ha a háttérképet nem sikerült betölteni, vagy ha a színátmeneteket használjuk, de a megfelelő böngésző nem támogatja, akkor a tartalék értéket (a helyettesítésként használt értéket) használhatjuk az elem háttérszíneként.

cserélje ki a string-et a string-ben java

Szintaxis

 background-image: url(); 

Értékek

url(): Ez a kép URL-je. Az URL-címeket vesszővel választhatjuk el, ha egynél több képet szeretnénk megadni.

reguláris kifejezés java-ban

Példa

 body { background-image: url('cat.webp'); background-color: lightgray; } 
Tesztelje most

Kimenet

Háttérkép hozzáadása CSS-ben

Példa

 body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); } 
Tesztelje most

Kimenet

Háttérkép hozzáadása CSS-ben

Példa

 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'); } 
Tesztelje most

Kimenet

Háttérkép hozzáadása CSS-ben