CSS - imagen de fondo

Descripción

background-image define un puntero a un recurso de imagen que se colocará en el fondo de un elemento.

Valores posibles

uri - URL de la imagen.
none - Establecer background-image en none significa que no se debe utilizar ninguna imagen de fondo para los elementos coincidentes.
transparent

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

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

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo configurar la imagen de fondo para 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>

Producirá el siguiente resultado:

↰ Previous page