Cómo poner imagen de fondo (Background) a un div

Para agregar una imagen de fondo a un elemento con CSS existen multiples caminos, aqui veremos un ejemplo de uno de ellos...
Publicado
Actualizado
Engagements 0 Comentario

Para agregar una imagen de fondo a un elemento con CSS existen multiples caminos, aquí veremos un ejemplo de uno de ellos.

div#myDiv{
          width:200px;
          height:200px;
          background-image: url('https://placekitten.com/200/300');
          background-repeat:no-repeat;
          background-size:cover;
          background-position:center center;
        }
<div id="myDiv"></div>

En este ejemplo podemos ver que asignamos el fondo de la imagen para que ocupe el 100% del espacio con la propiedad  background-size:cover;  y la centramos en la mitad con la propiedad background-position:center center;  

Ver ejemplo en codepen

Comprar y Vender criptomonedas nunca fue tan fácil

Entra y compruebalo, dale click en la siguiente imagen.

Comentarios