Establecer el color de fondo de una página web o un elemento en esa página puede permitirle crear diseños únicos.
Tome la página de inicio de delicioso como ejemplo. La imagen de fondo de su sección de cabecera es una sopa de colores. Para garantizar que los lectores aún puedan ver el nombre de la receta, el color de fondo del cuadro de texto se establece en blanco. El efecto es sorprendente y fácil de leer.

Solía poder usar simplemente el atributo de color de fondo para cambiar el color de fondo de una página o elemento.
Digamos que desea cambiar el color de fondo de una página web a granate. Simplemente habría agregado el bgcolor en la etiqueta del cuerpo de apertura y configúrelo en el código de color hexadecimal #800000, como se muestra a continuación.
<body bgcolor=”#800000">
Sin embargo, este atributo quedó obsoleto en la última versión de HTML y se reemplazó por una alternativa mucho mejor. Esta alternativa es la propiedad CSS background-color. Usando esta propiedad, puede agregar y cambiar los colores de fondo en su sitio web.
Veamos cómo puede cambiar el color de fondo en HTML. Cubriremos:
- Agregar un color de fondo en HTML
- Cambiar el color de fondo en HTML
- Cambiar el color de fondo de un div
- Agregar transparencia a un color de fondo
- Crear un color de fondo degradado
- Preguntas frecuentes
Cómo agregar color de fondo en HTML
Para agregar color de fondo en HTML, use la propiedad background-color de CSS. Establézcalo con el nombre de color o el código que desee y colóquelo dentro de un atributo de estilo. Luego agregue este atributo de estilo a un elemento HTML, como una tabla, encabezado, div o etiqueta de intervalo.
Agregar un color de fondo puede ayudar a que cierto elemento se destaque en la página, haciéndola más legible.
Veremos este proceso paso a paso. Para este tutorial, haremos una tabla en HTML como ejemplo.
1. Identifique el elemento HTML al que le gustaría agregar un fondo o crear uno.
Escanea tu código HTML para identificar qué elemento te gustaría cambiar. Si es el encabezado, busque la etiqueta de apertura
En este ejemplo, estamos creando una tabla con la etiqueta