Background URL CSS - Imagen de fondo ruta relativa, absoluta

Una hoja de estilo puede referenciar URLs o vínculos a otros archivos, casi siempre se trata de imágenes que se vinculan como fondo o tipografías.

Background URL CSS - Imagen de fondo ruta relativa, absoluta | Aprender CSS | Una hoja de estilo puede referenciar URLs o vínculos a otros archivos, casi siempre se trata de imágenes que se vinculan como fondo o tipografías
COMPÁRTELO:

En el caso, poco frecuente, de que en una hoja de estilo deba referenciar URLs o vínculos a otros archivos, casi siempre se trata de gráficos que se vinculan como fondo a un elemento. En ese caso hay que tener en cuenta una particularidad:

En CSS las URLs siempre se definen con referencia a la hoja de estilo, no al documento vinculado a ella.

La estructura de directorio propio podría ser, por ejemplo:

Archivo.html
imagenes/imagen.gif
css/sus-hojas-de-estilo.css

Por lo tanto, si quiere integrar una imagen de fondo en su página, en el archivo CSS aparecerá, por ejemplo:

body {
background-image: url (../imágenes/imagen.gif);
/* otras declaraciones */
}

Puede ver claramente que la trayectoria de la imagen, después de la URL inicial, viene escrita entre paréntesis ().

Por su puesto también puede utilizar URLs absolutas en lugar de relativas

body {
background-image: url (http://www.dominio.es/imagenes/imagen.gif);
/* otras declaraciones */
}

En teoría, la URL en sí puede escribirse entre comillas, dobles o sencillas. Aunque también puede provocar un mensaje de error (dependiendo del navegaor). IE/MAC, por ejemplo, no acepta comillas sencillas en las URLs.

🤖

ChatGPT Gratis
Realiza preguntas sobre cualquier tema

¡Participa!

¡Compártelo en tus Redes Sociales!
Compartir en:

CITAR ARTÍCULO


Para tareas, investigaciones, tesis, libros, revistas, blogs ó artículos académicos

Referencia en Formato APA:

Delgado, Hugo. (2014).
Background URL CSS - Imagen de fondo ruta relativa, absoluta.
Recuperado 27 de marzo, 2024, de
https://disenowebakus.net/url-en-css.php

Profesor en la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo Web y Posicionamiento SEO desde hace más de 15 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

CONTINÚA APRENDIENDO

Menú categoría


Aprender CSS

TAMBIÉN MERECE LA PENA VISITAR:

¿Te gustaría aprender más sobre Diseño Web?

Conoce todos los cursos y tutoriales que tenemos para ti completamente gratis
Aprender Diseño Web

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido relacionado:

1 Comentario en "Background URL CSS - Imagen de fondo ruta relativa, absoluta"

  1. Avatar usuario
    Jose

    En teorí­a, la URL en sí­ puede escribirse entre comillas, dobles o sencillas. Aunque también puede provocar un mensaje de error (dependiendo del navegador).

 

Deja tu Comentario

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información
Anunciate aquí

Tu navegador ha bloqueado la publicidad.
Por favor 🙏 permite visualizar los anuncios para poder acceder, gracias.