H I O X INDIA
CSS Tutorial
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

Temas de CSS
Introducción
Tipos de estilo
Propiedades de fondo
Propiedades de texto
Propiedades de fuente
CAJA Propiedades
Frontera Propiedades
Margen de Propiedades
Propiedades Acolchado
Temas Especiales
Pida su Dudas
Reacción



CSS Imagen de Fondo


Tema

Cómo establecer una imagen de fondo en html usando css?




Explicación

Propiedad: BackGround Image

Uso:
background-image: url('image.jpg');
background-image: none;

Definición:
Imagen de fondo puede establecerse usando la etiqueta background-image. Toma la imagen en url como se muestra en el ejemplo.
a)url("directorio de la imagen"). Tenemos que establecer la ruta de la imagen dentro de la etiqueta url. Acepta cualquiera de los valores dados.
b)nada, si no se requiere imagen de fondo.

Ejemplo 1:
<div style="background-image: url('test.jpg');"> nombre de color <br><br><br></div>

Resultado:
nombre de color




Ejemplo 2:
<font style="background-image: none; background-color: green; "> color using valores hex <br><br><br><br></font>

Resultado:
color usando valores hex


Ahora puedes ver que la imagen ha sido establecida como fondo con la etiqueta div.
Como nada se ha establecido para la etiqueta fuente (ejemplo 2), nada se muestra aquí.




Una nota
CSS - Cascading Style Sheets se puede utilizar junto con etiquetas html, como se explica en este sitio. Esta sencilla CSS le ayudará a crear mucho más elegante y aseado páginas html. Esto no necesita ningún software adicional o códigos. Todos navegador web son capaces de entregar los códigos CSS.

Nota 2: Si es necesario se puede utilizar en lugar de
etiquetas. div etiqueta de inicio y final en líneas nuevas. span no podrán exceder de la etiqueta de zona.


privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com