Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] 07 haga lo que hicimos en el aula

1.- body { background-color: #2C3E50; /* Azul oscuro / color: #E67E22; / Naranja suave para el texto general */ }

h1, h2 { color: #1ABC9C; /* Turquesa para los títulos */ }

2.- body { background-color: #000000; /* Fondo negro / color: #F6F6F6; / Texto gris claro */ }

3.- body { background-color: rgb(255, 87, 51); /* Equivalente a #FF5733 / color: rgb(0, 255, 0); / Equivalente a #00FF00 */ }

1 respuesta

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:

  1. 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.
  2. 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.
  3. 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!