background-image
(proprietà CSS) imposta una o più immagini come sfondo dell’elemento HTML.
Sintassi
[selettore] { background-image: url("[URL]"); }
valore | descrizione |
---|---|
XXX | XXX |
Esempi
<style> .bg-image_1 { background-image: url("https://goo.gl/lyQAkk"); background-repeat: no-repeat; background-position: top left; background-size: 300px; } .bg-image_2 { background-image: url("https://goo.gl/lyQAkk"), url("https://goo.gl/vPV3uW"); background-repeat: no-repeat, no-repeat; background-position: top left, top right; background-size: 150px 150px; } .bg-image_1, .bg-image_2 { width:400px; height:300px; } </style> <div class="bg-image_1">Testo con sfondo1 <br> Testo con sfondo1</div> <div class="bg-image_2">Testo con sfondo2 <br> Testo con sfondo2</div>
Testo con sfondo1
Testo con sfondo1
Testo con sfondo1
Testo con sfondo2
Testo con sfondo2
Testo con sfondo2
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment