Cómo Configurar El Fondo En Html

Tabla de contenido:

Cómo Configurar El Fondo En Html
Cómo Configurar El Fondo En Html

Video: Cómo Configurar El Fondo En Html

Video: Cómo Configurar El Fondo En Html
Video: Tutorial Como Poner Una Imagen De Fondo En HTML 2024, Noviembre
Anonim

El lenguaje de marcado de hipertexto más común en la actualidad es HTML. Además de una amplia gama de herramientas para determinar la estructura de un documento, tiene la capacidad de cambiar su presentación visual. Por ejemplo, puede establecer el fondo de un documento de hipertexto y sus elementos de diferentes formas.

Cómo configurar el fondo en html
Cómo configurar el fondo en html

Es necesario

la capacidad de editar un documento HTML

Instrucciones

Paso 1

Para establecer el color de fondo de todo el documento, tablas, así como sus filas, celdas de encabezado y celdas de contenido en HTML, use el atributo bgcolor de los elementos BODY, TABLE, TR, TH, TD, respectivamente. Este atributo acepta un valor que codifica el color del espacio SRGB, expresado como un número hexadecimal precedido por un hash o mnemónico simbólico. Por ejemplo:

Paso 2

Utilice el atributo de fondo del elemento BODY para definir la imagen que será el fondo de todo el documento: De acuerdo con el principio de separar la estructura y los mecanismos para determinar la presentación visual de los documentos de hipertexto, se recomienda utilizar hojas de estilo en su lugar. de los atributos de los elementos HTML (como se describe en los pasos 1 y 2) …

Paso 3

Establezca el color de fondo de cualquier elemento utilizando la propiedad CSS background-color. Utilice el atributo de estilo para definir información de estilo en línea para un elemento, o agregue conjuntos de reglas con los selectores apropiados a las hojas de estilo: fondo verde BODY {background-color: # 00FF00; }

Paso 4

Defina la imagen de fondo de cualquier elemento o grupo de elementos utilizando la propiedad CSS background-image. Su valor debe ser un URI que identifique el recurso asociado. Por ejemplo: BODY background-image {background-image: url ("myimage.gif")}

Paso 5

Establezca reglas adicionales para mostrar imágenes de fondo de los elementos del documento. Utilice las propiedades CSS background-repeat, background-attach y background-position. El primero define las opciones de mosaico, el segundo define el acoplamiento en relación con el documento o la ventana gráfica, y el tercero define el desplazamiento o alineación inicial en relación con los límites del contenedor. Consulte la especificación CSS2 en w3c.org para conocer los posibles valores de estas propiedades.

Recomendado: