Cómo cambiar el fondo y el color del texto de una página web

A continuación, se muestran los pasos para cambiar el color de fondo de una página web en HTML y CSS. Aunque el color de fondo se puede hacer con la etiqueta HTML BODY, le recomendamos que especifique los valores de color de fondo en CSS como se muestra a continuación.

Sugerencia: al definir el color de cualquier elemento de la página web, es posible que deba usar códigos de color HTML. Para los colores principales, también puede especificar los nombres de esos colores en lugar de usar los códigos de color, por ejemplo, rojo, azul, verde y negro en lugar de usar sus valores de código de color respetados.

Ejemplo de CSS

En el ejemplo de CSS a continuación, estamos configurando el cuerpo para que tenga un color de fondo negro agregando "background-color: # 000;" En el bloque del cuerpo. Debido a que el color de fondo es negro, el color del texto también debe cambiar, o no se verá. Por lo tanto, estamos configurando el color del texto en blanco agregando "color: #fff;" en el bloque.

 body {font-family: Helvetica, Arial, sans-serif; color de fondo: # 000; color: #fff; } 

Si su página no utiliza CSS o no desea convertir a CSS, a continuación se muestran los pasos para hacer esto en la etiqueta BODY en el código HTML. Sin embargo, como se mencionó anteriormente, recomendamos encarecidamente utilizar el código CSS anterior en lugar de la etiqueta del cuerpo. Si usa el estilo CSS, puede cambiar los valores de color de fondo una vez, y los cambios se aplicarán automáticamente a todos los elementos HTML que usen ese estilo.

Ejemplo de etiqueta de cuerpo HTML

En algunas situaciones muy raras, puede que no sea posible usar CSS. Para esas situaciones, también puede definir el color de fondo, el color del texto, el color del enlace y otros valores dentro de la etiqueta del cuerpo HTML como se muestra a continuación.

A continuación se muestran las descripciones de cada uno de los atributos HTML en la etiqueta del cuerpo.

TEXTO = El color del texto.

ENLACE = El color de los enlaces.

VLINK = Color del enlace visitado.

ALINK = Color del enlace activo, o el color al que cambia el enlace cuando se hace clic.

BGCOLOR = El color de fondo de la página.

Sugerencia: para ayudar a ilustrar mejor todos los valores anteriores, en esta página el color del enlace es azul, los enlaces que ha visitado son de color morado y los enlaces que se desplazan o hacen clic en rojo.