Un fondo que los partidos y mezcla suavemente con el diseño y el contenido es clave para que un sitio web de aspecto profesional. Para lograr esto, el posicionamiento puede ser necesario. Atributo background HTML cuerpo es obsoleto por lo tanto utilizar hojas de estilo en lugar de formato tus fotos de fondo. Con estilos CSS, usted está en control completo de la imágenes aparecen y se comportan sus páginas Web.

Posicionamiento

Un documento HTML que tenga una imagen de fondo para toda la página, así como para elementos específicos de la página, como una tabla. Estilos CSS pueden formatear estas imágenes de fondo de varias maneras. Estilos de describen los efectos y atributos como el nombre del archivo fuente de la imagen, la frecuencia por la que la imagen se repite en la página y la posición de la imagen en el documento.

Sintaxis de

Para establecer la posición y alineación de una imagen de fondo, usted necesitará utilizar varias propiedades de fondo CSS, cada una de ellas controla un atributo específico. Debe utilizar el elemento que la imagen se utiliza para que el selector en la hoja de estilo. Por ejemplo, si el fondo que desee alinear es la imagen de fondo principal, utilice "cuerpo" como el selector, como corresponde a la etiqueta < body > de HTML.

La estructura es igual a toda sintaxis CSS:

Selector {propiedad: valor;}

donde "selector" es el elemento HTML y "propiedad" es el efecto o atributo "valor" es la información de ese atributo.

Propiedades

Cada propiedad background CSS tiene su propia función específica. La propiedad background-image se usa para abrir el archivo de imagen específico. La propiedad de fondo-repeat determina cuantas veces se repite en la página. Para decidir si la imagen "flota" sobre la página o "palos" a él como el usuario desplaza la página, use el accesorio de fondo. Para establecer la alineación de la imagen, utilice la propiedad background-position. Tenga en cuenta esa posición de segundo plano se puede marcar en formato de texto como "centro", "arriba a la izquierda," etc..; como porcentaje; como unidades; o como "heredar"--lo que significa que usará la misma posición que otro elemento HTML que lo contiene. Para poner una imagen en el centro de una página, puede utilizar "centro centro", "centro" o "50% 50%."

Ejemplos

Una imagen de fondo está formateada con estilos CSS que se incrustan entre las etiquetas < head > de un documento HTML. Si marcado en una hoja de estilos externa, quitar el código que tiene las flechas.

En este ejemplo, la imagen de fondo se coloca en el centro de la página. Se encuentra a "no repetir" para que la imagen aparezca sólo una vez, no baldosas como un patrón. El fondo es "fijo"--Si usted se mueve hacia arriba o hacia abajo o lateralmente en la página, permanecerá en el mismo lugar en la pantalla, como si flotando. Por ejemplo, si hay texto en la página, el texto se moverá pero el fondo no lo. Si desea que la imagen para seguir con el resto de la página en su lugar, entrar en "scroll" en lugar "fijo" para accesorio de fondo.

cabeza de < >< estilo tipo = "text/css" >

cuerpo

{

background-image:URL('company.gif');

Fondo-repeat: no-repeat;

accesorio de fondo: fijo;

Fondo-posición: Centro;

}

< / estilo >< / cabeza >