CSS - immagine di sfondo

Descrizione

background-image definisce un puntatore a una risorsa immagine che deve essere posizionata sullo sfondo di un elemento.

Possibili valori

  • uri - URL dell'immagine.

  • none - L'impostazione di background-image su none significa che nessuna immagine di sfondo deve essere utilizzata per gli elementi corrispondenti.

  • transparent

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.backgroundImage = "Any value as defined above";

Esempio

Di seguito è riportato l'esempio che mostra come impostare l'immagine di sfondo per un elemento.

<html>
   <head>
      <style>
         body {
            background-image: url("/css/images/css.jpg");
            background-color: #cccccc;
         }
      </style>
   </head>
   
   <body>
      <h1>Hello World!</h1>
   </body>
<html>

Produrrà il seguente risultato: