Motor de juegos narrativos y educativos
para aprender programación web

Cambiar de estilo

En el archivo "estilo.css" tenemos definidos parte de los estilos de nuestro juego. Por ejemplo los colores de fondo y de texto, tamaños de texto y demás. Podemos modificar estos valores para personalizarlo un poco.

body {
  background: silver;
}

button {
  font-size: 1.2rem;
  padding: 0.8rem;
  color: black;
  background: white;
}

Como puedes ver primero se define la etiqueta sobre la que se aplica, y entre llaves se ponen las propiedades que queremos cambiar. En este ejemplo estamos cambiando el cuerpo del juego (body) y el estilo de los botones (button).

Algunos estilos

• background: color del fondo.
• color: color del texto.
• font-size: tamaño del texto.
• padding: espacio entre el texto y la caja en la que está.
• border: color, tipo y tamaño del borde.
• border-radius: radio del borde en esquinas redondeadas.

Los colores se pueden escribir en inglés, o se pueden escoger de otras maneras, como indicando sus componentes rojo, verde y azul: rgb(255,0,0).