logo

Com afegir una imatge de fons en CSS?

El imatge de fons La propietat en CSS s'utilitza per establir una imatge com a fons d'un element. Utilitzant aquesta propietat CSS, podem establir una o més d'una imatge de fons per a un element.

Per defecte, la imatge es col·loca a la cantonada superior esquerra d'un element i es repeteix tant horitzontalment com verticalment. La imatge de fons s'ha de triar segons el color del text. La mala combinació de text i imatge de fons pot ser la causa d'una pàgina web mal dissenyada i no llegible.

El url() El valor d'aquesta propietat ens permet incloure una ruta de fitxer a qualsevol imatge. Mostrarà el fons de l'element. Podem utilitzar diverses imatges o una barreja de degradats i imatges per al fons. Si la imatge de fons no es pot carregar o si estem utilitzant els degradats, però no són compatibles amb el navegador corresponent, llavors podem utilitzar el valor de reserva (el valor utilitzat com a substitució) com a color de fons de l'element.

xor en c++

Sintaxi

 background-image: url(); 

Valors

url(): És l'URL de la imatge. Podem separar els URL amb una coma si volem especificar més d'una imatge.

cadena java a json

Exemple

 body { background-image: url('cat.webp'); background-color: lightgray; } 
Prova-ho ara

Sortida

Com afegir una imatge de fons en CSS

Exemple

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

Sortida

Com afegir una imatge de fons en CSS

Exemple

 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'); } 
Prova-ho ara

Sortida

Com afegir una imatge de fons en CSS