Desarrollo Web

Añadir imagen en css con background image

Si estamos <a href="https://www.empresadeserviciosweb.com/servicios/disenando/»>diseñando con css y queremos añadir una imagen de fondo, vamos a trabajar con <a href="https://www.empresadeserviciosweb.com/post/diseno-de-paginas-web-profesionales-para-imagen-corporativa/» title=»¿Sabías que tener una página web profesional puede cambiar la imagen de tu negocio por completo? 😎💼»>css background image. <a href="https://www.empresadeserviciosweb.com/post/como-editar-una-pagina-web-en-wordpress/»>Como editar una página en WordPress .

Te recomiendo ver este artículo que es interesante: <a href="https://www.empresadeserviciosweb.com/que-es-canonicalizacion-de-urls-y-etiqueta-canonica/» title=»Que es Canonicalización de URLs y etiqueta canónica» class=»internal-recommendation» target=»_self» rel=»noopener»>Que es Canonicalización de URLs y etiqueta canónica.

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.

 

(adsbygoogle = window.adsbygoogle || []).push({});

Sobre el autor

Deivi Sanz

Soy David, conocido como Deivi Sanz, especialista en SEO y marketing digital con más de 15 años de experiencia ayudando a negocios a destacar en el mundo online.

Mi pasión es transformar ideas en estrategias digitales efectivas, combinando análisis de datos, creatividad y las últimas tendencias en posicionamiento web. En este blog comparto mis conocimientos sobre SEO técnico, content marketing y growth hacking, siempre con un enfoque práctico y resultados medibles.

Cuando no estoy optimizando webs o escribiendo artículos, me encontrarás explorando nuevas herramientas SEO, analizando casos de éxito o disfrutando de un buen café mientras planifico la siguiente estrategia viral.

También me gusta implementar ideas creando plugin para WordPress o aplicaciones para Android.

Firma:

Con dedicación y estrategia,

David "Deivi Sanz"
🔍 Especialista SEO
🌐 Creador de Contenidos Digitales
🚀 Transformando visitas en oportunidades

¿Necesitas ayuda con tu proyecto digital?
¡Hablemos en los comentarios! o en contactar
Deivi Sanz

Ver más artículos de Deivi Sanz