[CSS] [proprietà] background-image

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 sfondo2
Testo con sfondo2

Contenuti correlati

  • CSS
  • HTML
  • JavaScript
  • jQuery
  • PHP
  • SQL
  • WORDPRESS

Fonti esterne

css, proprietà css

Related Articles

0 Comment

Rispondi