CSS - imagem de fundo

Descrição

background-image define um ponteiro para um recurso de imagem que deve ser colocado no fundo de um elemento.

Valores possíveis

uri - URL da imagem.
none - Definir a imagem de fundo como nenhum significa que nenhuma imagem de fundo deve ser usada para os elementos correspondentes.
transparent

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

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

Exemplo

A seguir está o exemplo que demonstra como definir a imagem de fundo para um elemento.

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

Isso produzirá o seguinte resultado -

↰ Previous page