Cómo Configurar El Color De Fondo

Tabla de contenido:

Cómo Configurar El Color De Fondo
Cómo Configurar El Color De Fondo

Video: Cómo Configurar El Color De Fondo

Video: Cómo Configurar El Color De Fondo
Video: Cómo cambiar color de fondo en Photoshop 2020 - 2 métodos 2024, Mayo
Anonim

Normalmente, el color de fondo base de una página web se establece mediante hojas de estilo en cascada (CSS). Con menos frecuencia, las capacidades del lenguaje HTML (Lenguaje de marcado de hipertexto - "lenguaje de marcado de hipertexto") se utilizan para esto. A veces, los elementos de descripción CSS se colocan dentro de etiquetas HTML.

Cómo configurar el color de fondo
Cómo configurar el color de fondo

Instrucciones

Paso 1

Utilice el atributo bgcolor de la etiqueta del cuerpo si desea que sea lo más fácil posible especificar el color de fondo y minimizar los cambios en su código fuente. Las descripciones de todos los elementos de la página se colocan en el código fuente de la página dentro de un bloque de código HTML que comienza con una etiqueta y termina con una etiqueta. El atributo bgcolor se especifica en la etiqueta de apertura y contiene el valor de color con nombre (por ejemplo, rojo o chocolate) o su código de color hexadecimal correspondiente (# FF0000 o # D2691E, respectivamente). En su forma más simple, dicha etiqueta se puede escribir, por ejemplo, así: O así: Ambas opciones establecen el mismo color rojo para el fondo del documento.

Paso 2

Utilice la propiedad background-color si desea establecer el color de fondo de un documento utilizando un lenguaje de descripción de estilo; este método es mucho más común. Los bloques de descripción de estilo pueden incluirse en el código fuente del documento o escribirse en un archivo separado con la extensión css. Se coloca un enlace a un archivo externo en la parte del encabezado de la página (entre las etiquetas y) y se ve así: @import "style.css"; Si no es necesario mover las instrucciones CSS a un archivo adicional, luego @import "style.css"; debe reemplazarse, por ejemplo, con la siguiente prueba: body {background-color: Red;} Aquí body indica que la declaración dentro de las llaves que define el color de fondo rojo se refiere a la misma etiqueta de cuerpo HTML. Y aquí hay varios sistemas para determinar los tonos de color, pero los códigos hexadecimales se utilizan con mayor frecuencia: body {background-color: # FF0000;}

Paso 3

Reemplace la propiedad background-color con background para describir de manera concisa una estructura de fondo más compleja. Por ejemplo, si, además del fondo de un determinado color, se debe colocar una imagen en el respaldo del documento. Esta descripción podría verse así: body {background: Red url (img / BGimage.gif) no-repeat;}

Paso 4

Según la opción que haya elegido, prepare el código que establece el color de fondo del documento y péguelo en la fuente de la página. Esto se puede hacer, por ejemplo, utilizando el editor en línea de las páginas del sistema de gestión de contenidos o en cualquier editor de texto.

Recomendado: