Añadir imagen en css con background image

Si estamos diseñando con css y queremos añadir una imagen de fondo, vamos a trabajar con css background image.

Para poner una imagen de fondo con esta declaración que hemos mencionado antes background-image, lo mejor sería enlazarla desde una url que tengamos en nuestro servidor o en algún sitio aún siendo externo.

Tened en cuanta que si ponemos la imagen desde un servidor externo, no debería estar protegida por .htaccess.

css background image

Comando css background image

El comando en sí sería tal y como te escribo a continuación:

background-imageurl(https://www.xxxxxxxxxxxxx.com/images/nombre-de-la-imagen.jpg);

Donde indica www.xxxxxxxxxxxx.com deberás poner la url del dominio donde esté alojada la imagen que quieres enlazar, si es tu propio dominio escríbelo ahí.

Con esto ya tendrás disponible la imagen de fondo, después tendrás que realizar los ajustes pertinentes para dar el tamaño adecuado y las posiciones donde quieras que esta se muestre.

Si tienes cualquier tipo de duda o necesitas ayuda,  puedes escribir un comentario en la parte inferior de este post.

 

Deja una respuesta