Cómo poner color de fondo en HTML con CSS

En este tutorial, te mostraremos cómo poner color de fondo en HTML usando CSS. Esto es muy útil para poder darle estilo a las estructuras de HTML. Sigue leyendo para aprender cómo.

Cómo poner color de fondo en HTML con CSS

Podemos poner color de fondo en HTML con CSS a casi todos los elementos. En este tutorial, vamos a poner un color de fondo a un elemento común: div.

<div class="amarillo">
Soy un contenedor simple.
</div>

CSS para definir el color de fondo

Para lograr poner un color de fondo específico, debemos usar el atributo background-color en CSS. Por tanto, si queremos que nuestro div anterior tenga fondo amarillo, hacemos lo siguiente:

.amarillo{
background-color: #FFFF00;
}

Para indicar a qué elemento queremos ponerle color de fondo, debemos especificar una class, y asignarla a los elementos de HTML que deseemos. El resultado sería el siguiente:

Soy un contenedor simple y amarillo.

Así de simple, ya tenemos nuestro div con color de fondo amarillo. Tienen que usar los códigos HEX para especificar los colores, aquí podrás obtener el color que deseas en código HEX.

También puedes aprender cómo poner una imagen de fondo con CSS. Si tienen alguna pregunta, déjanos un comentario.


También te interesaría...

Suscríbete a nuestra lista de correo

Etiquetas:,

Deje un comentario