¿Cómo poner color de fondo en html y css?

la propiedad que se encarga de esto es background-color: código del color; Puedes establecer el valor directamente en tu html o en tu hoja de estilos css. Más adelante tienes varios ejemplos de como hacerlo.

Formatos de colores para poner un fondo a tu HTML

Los modelos de colores soportados por la propiedad background-color son los siguientes, hex, rgb, rgba, hsl, hsla, y el nombre del color en inglés siempre y cuando sea soportado por html. Revisa nuestra lista de colores para ver todos los nombres permitidos por css

Cambiar el color de fondo directamente en tu html

Por lo general si necesitamos que el color de fondo se aplique en todo el sitio debemos establecer la propiedad background-color en el body de nuestro html, podemos hacerlo de la siguiente forma:

<body style="background-color:#dfdfdf;">
  <h1>Estamos cambiando el color de fondo al body</h1>
</body>

Poner el fondo usando css

La forma recomendada de poner el background de nuestra web es hacerlo en tu hoja de estilos css por qué con ello te aseguras que se apliquen a todos las páginas. Puedes hacer de la siguiente manera.

body {
  background-color: rgb(229, 229, 229);
}

Para este ejemplo usamos el formato rgb, pero recuerda que puedes usar cualquiera de los formatos válidos que mencionamos anteriormente.

Cambiar el fondo de las etiquetas div

Para este ejemplo añadiremos a una etiqueta div un fondo negro. Y lo haremos poniéndolo directamente en la etiqueta html y en la hoja css.

<div style="background-color: rgba(41,41,41,0.5) ; color: #efefef ; ">
  Este es un div con fondo negro
</div>
div {
  background-color: hsl(240, 1%, 30%);
  color: #efefef;
}

El proceso es igual para cualquier etiqueta recuerda siempre establecer un buen contraste entre el fondo del elemento y su color de texto.