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.
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!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 14 de December, 2024, de
https://disenowebakus.net/url-en-css.php
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).