Tecnología

Inicio

Cómo azulejo una imagen en HTML

Cómo azulejo una imagen en HTML


Las imágenes de fondo crear diseños atractivos para los sitios web. Un desarrollador web puede crear una imagen simple y baldosas que a través de todo el fondo de la página. El formato en mosaico permite a los desarrolladores de HTML para utilizar una imagen de tamaño más pequeño, por lo que los usuarios con conexiones lentas a Internet no están obligados a descargar imágenes de gran tamaño. Puede azulejo una imagen a través del fondo de un sitio web utilizando hojas de estilo en cascada (CSS). Usted puede colocar la imagen en sentido horizontal (eje x), verticalmente (eje y) o en ambas direcciones.

Instrucciones

1 Abra el archivo HTML en un editor de texto plano. Desplazarse hacia abajo a la etiqueta de sección HTML la etiqueta \ "<estilos>. \" Este es el lugar donde se coloca la imagen de fondo.

2 Crear el código para establecer una imagen de fondo. Esta imagen debe estar ubicada en el directorio \ "imágenes \" carpeta en el disco duro de su servidor de alojamiento web. El siguiente código define como imagen de fondo \ "theImage.jpg \" para el sitio web:

cuerpo {
background: url blanco (/images/theImage.jpg)
IR
}

3 La imagen en mosaico horizontal. El siguiente código se repite la imagen en la página horizontal:

cuerpo {
background: url blanco (/images/theImage.jpg) repeat-x
IR
}

4 Repetir la imagen horizontal y verticalmente. Esto cubre toda la sección de antecedentes en el navegador del usuario. El siguiente código azulejos su imagen:

cuerpo {
background: url blanco (/images/theImage.jpg) repeat-x-y de repetición
IR
}