Skip to content

Como utilizar una imagen o color de fondo con CSS

31 marzo, 2009

Al desarrollar un sitio web, por lo general aplicamos un color o una imagen de fondo en la etiqueta Body en cada una de las páginas que pertenecen al sitio, esto no es muy recomendable ya que si necesitamos por alguna razón cambiar de color o imagen de fondo tendríamos que realizar esta tarea en cada una de las páginas, lo cual nos tomaría demasiado tiempo realizarlo.

Por esta situación se recomienda utilizar una hoja de estilos en donde tenemos la posibilidad de realizar un solo cambio que se aplicará automáticamente en todas las páginas de nuestro sitio.

Ahora vamos a los hechos, al crear cada una de las páginas de nuestro sitio debemos insertar la siguiente línea de código dentro de la etiqueta HEAD, para enlazar a nuestra hoja de estilos:

<LINK href=”css/default.css” type=text/css rel=stylesheet>

//default.css es la hoja de estilo que se encuentra en la carpeta css, el nombre y la ruta puede variar

En nuestra hoja de estilos, debemos incluir la siguiente línea de código:

body { background-color: #E5DAC8; } //para color de fondo
body { background-image: URL(/images/fondo.gif); } //para imagen de fondo

Eso es todo, ahora cada vez que necesitemos cambiar el fondo, ya sea una textura (imágen) o algún color, solo debemos realizar el cambio en la hoja de estilos para que el resultado se aplique en todas las páginas del sitio.

From → CSS

2 comentarios
  1. Por cierto buen blog!

  2. Eres la ley hermano! Sin tantos rodeos, resolviste mi puta duda. Tenia 20min buscando esta solucion. Gracias!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: