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.
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:
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.
Cómo poner color de fondo a todo el documento HTML
Para poner color de fondo a toda la página web, debemos usar el mismo atributo background-color para el componente body. El CSS quedaría así:
body{
background-color: #FFFF00;
}También puedes aprender cómo poner una imagen de fondo con CSS. Si tienen alguna pregunta, déjanos un comentario.
¿Este contenido te fue útil? Invítame un cafecito y ayúdame seguir creando más contenido. ¡Gracias! ♥︎
Invítame un cafecito
