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