Cómo usar DIVs para el fondo

La etiqueta DIV se usa para crear bloques que pueden ser de estilo CSS utilizando diversas (hojas de estilo en cascada) atribuye. A pesar de la llegada de HTML5 será finalmente hacer que la etiqueta DIV obsoleta, es actualmente todavía una etiqueta útil. Usando la etiqueta DIV con atributos en línea puede proporcionar una forma rápida de personalizar una sección específica de una página. La etiqueta DIV se puede usar como una envoltura para crear un fondo para una porción específica de la página. El fondo se puede configurar como un color sólido o una imagen.

Instrucciones

Establecer fondo a un color

1 Encuentra el código HTML del color para el fondo. Un recurso para obtener el código de color es el sitio web en HTML Color Picker (ver Recursos).

2 Añadir el atributo "background-color" como una opción de estilo a la etiqueta DIV. Definir el atributo con el código de color HTML. Para el negro, el código es el siguiente:

<Div style = "background-color: # 000000"> aquí su texto </ div>

3 Sube tu página web y luego probar el código mediante la visualización de la página en varios navegadores.

Configurar fondo a una imagen

4 Sube la imagen de fondo a su servidor web o de un servicio que permite la conexión directa a las imágenes.

5 Añadir el atributo "Imagen de fondo" como una opción de estilo a la etiqueta DIV. Definir el atributo con el siguiente código: "URL (pathtoimage)". Vuelva a colocar el texto dentro de los paréntesis para que coincida con la ruta de la imagen que desea utilizar. Para una imagen llamada "background.jpg" que se almacena en una carpeta llamada "imágenes" en el mismo directorio que la página Web, el código es el siguiente:

<Div style = "background-image: URL (/images/background.jpg)"> aquí su texto </ div>

6 Sube tu página web y luego probar el código mediante la visualización de la página en varios navegadores.