¿Cómo cambiar el color de fondo de un elemento en CSS?

Para cambiar el color de fondo de un elemento HTML en CSS, se utiliza la propiedad background-color. Esta propiedad se puede aplicar a prácticamente cualquier elemento HTML.

La forma de hacerlo es la siguiente:

1. Selecciona el elemento HTML al que deseas aplicarle el color de fondo. Puedes usar cualquier tipo de selector CSS (de tipo, clase, ID, atributo, etc.).
2. Dentro del bloque de declaración para ese selector, usa la propiedad background-color seguida de dos puntos (:) y luego el valor del color que quieres aplicar.
3. Termina la declaración con un punto y coma (;).

Puedes especificar el valor del color de diversas maneras, como por ejemplo:

• Nombres de color predefinidos: red, blue, lightgray, salmon, etc.
• Valores hexadecimales (HEX): #FF0000 (para rojo), #333 (gris oscuro), #ADD8E6 (azul claro).
• Valores RGB (Rojo, Verde, Azul): rgb(255, 0, 0) (para rojo), rgb(100, 150, 200).
• Valores RGBA (con canal alfa para transparencia): rgba(255, 0, 0, 0.5) (rojo con 50% de opacidad).
• Valores HSL (Tono, Saturación, Luminosidad): hsl(0, 100%, 50%) (rojo).
• Valores HSLA (con canal alfa para transparencia): hsla(0, 100%, 50%, 0.7) (rojo con 70% de opacidad).

Ejemplos:

/* Cambiar el color de fondo de todo el cuerpo de la página */
body {
  background-color: #f0f8ff; /* Un color azul alice muy claro */
}

/* Cambiar el color de fondo de todos los elementos <p> (párrafos) */
p {
  background-color: lightgoldenrodyellow;
}

/* Cambiar el color de fondo de un elemento con la clase 'caja-destacada' */
.caja-destacada {
  background-color: rgb(50, 205, 50); /* Un color verde lima */
  color: white; /* Es buena idea ajustar el color del texto para asegurar contraste */
  padding: 10px;
}

/* Cambiar el color de fondo de un elemento con el ID 'pie-de-pagina' */
#pie-de-pagina {
  background-color: #333333; /* Gris oscuro */
  color: #f2f2f2; /* Gris claro para el texto */
}
Lenguaje del código: PHP (php)

Recuerda que el valor por defecto de la propiedad background-color para la mayoría de los elementos es transparent, lo que significa que no tienen un color de fondo propio y mostrarán el fondo de su elemento padre.