Hola, Marcelo, espero que estés bien
Veo que estás experimentando con estilos CSS para cambiar el color de fondo y el color del texto en tus proyectos. Aquí tienes algunas sugerencias para que puedas aplicar diferentes estilos de manera efectiva:
Primer ejemplo:
- Has usado un azul oscuro para el fondo y un naranja suave para el texto general. Esto puede dar un buen contraste y es agradable a la vista.
Segundo ejemplo:
- Cambiaste a un fondo negro con texto gris claro, lo cual es una combinación clásica que proporciona un buen contraste y es fácil de leer.
Tercer ejemplo:
- Aquí utilizaste un fondo naranja brillante y texto verde. Esta combinación es bastante llamativa y puede ser útil para destacar ciertas secciones, pero ten cuidado con el uso excesivo, ya que puede ser un poco fuerte para la vista.
Si deseas aplicar estos estilos a diferentes partes de tu proyecto, puedes utilizar clases o identificadores en HTML para aplicar estilos específicos a ciertos elementos. Por ejemplo:
<body class="tema-uno">
<h1>Título del Proyecto</h1>
<p>Texto de ejemplo</p>
</body>
Y en tu CSS:
.tema-uno {
background-color: #2C3E50;
color: #E67E22;
}
.tema-dos {
background-color: #000000;
color: #F6F6F6;
}
.tema-tres {
background-color: rgb(255, 87, 51);
color: rgb(0, 255, 0);
}
De esta manera, puedes cambiar el tema del cuerpo simplemente cambiando la clase del elemento <body>
.
Espero que estas sugerencias te sean útiles para avanzar en tu proyecto. ¡Bons estudios!