Color de un elemento. background-color.
Mi Elemento con Fondo de Color
Este es un ejemplo de un elemento con un fondo de color azul.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplo de Background Color</title>
<style>
/* Estilo CSS para el elemento con fondo de color */
.mi-elemento {
width: 300px;
height: 200px;
background-color: #3498db; /* Color de fondo azul */
color: #fff; /* Color del texto en blanco */
text-align: center;
padding: 20px;
}
</style>
</head>
<body>
<!-- Elemento con fondo de color -->
<div class="mi-elemento">
<h1>Mi Elemento con Fondo de Color</h1>
<p>Este es un ejemplo de un elemento con un fondo de color azul.</p>
</div>
</body>
</html>
En este ejemplo, hemos creado un <div> con la clase mi-elemento y hemos definido un estilo CSS para ese elemento en la sección <style>. El estilo incluye la propiedad background-color, que establece el color de fondo del <div> en azul (#3498db). También hemos ajustado el color del texto en blanco (#fff) para que sea legible sobre el fondo azul. El resultado es un elemento con un fondo azul y texto blanco en el centro de la página.
Comentarios
Publicar un comentario