logo

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

El color de fondo La propiedad en CSS se utiliza para establecer el color de fondo de un elemento. Aplica colores sólidos como fondo del elemento. El fondo de un elemento cubre el tamaño total, incluido el relleno y el borde, pero excluyendo el margen. Se puede aplicar a todos los elementos HTML.

Sintaxis

 element transparent 

El nombre_color El valor de esta propiedad define el valor del color de fondo o especifica los códigos de color. Se puede proporcionar utilizando el nombre del color, el valor rgb() o el valor hexadecimal.

El transparente El valor de esta propiedad es el valor predeterminado, que especifica el color de fondo transparente.

Ejemplo

En este ejemplo, estamos definiendo el valor de la color de fondo propiedad utilizando el nombre del color, el valor hexadecimal, el valor rgb() y el valor hsl(). Hay cuatro elementos div sobre los que aplicamos el color de fondo propiedad.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 
Pruébalo ahora

Producción

Cómo cambiar el color de fondo en CSS