Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Formatear Texto con CSS | Estilizar Texto en CSS
Fundamentos de CSS

bookDesafío: Formatear Texto con CSS

Tarea

Para mejorar la presentación visual del elemento h1, aplica los siguientes estilos:

  • Añadir un subrayado.
  • Convertir todas las letras a mayúsculas.
  • Recentrar el texto horizontalmente.
  • Establecer la altura de línea en 2.
  • Ajustar el espaciado entre letras a 2px.
  • Incrementar el espacio entre palabras a 5px.
  • Aplicar una sombra de texto con los valores 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Subraya el texto.
  • text-transform: Convierte el texto a mayúsculas.
  • text-align: Centra el texto horizontalmente.
  • line-height: Establece la altura del texto.
  • letter-spacing: Aumenta el espacio entre letras.
  • word-spacing: Aumenta el espacio entre palabras.
  • text-shadow: Agrega una sombra.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you show me how to write the CSS for the h1 element with these styles?

What does the final h1 element look like with all these styles applied?

Can you explain how each CSS property affects the h1 element?

Awesome!

Completion rate improved to 2.56

bookDesafío: Formatear Texto con CSS

Desliza para mostrar el menú

Tarea

Para mejorar la presentación visual del elemento h1, aplica los siguientes estilos:

  • Añadir un subrayado.
  • Convertir todas las letras a mayúsculas.
  • Recentrar el texto horizontalmente.
  • Establecer la altura de línea en 2.
  • Ajustar el espaciado entre letras a 2px.
  • Incrementar el espacio entre palabras a 5px.
  • Aplicar una sombra de texto con los valores 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Subraya el texto.
  • text-transform: Convierte el texto a mayúsculas.
  • text-align: Centra el texto horizontalmente.
  • line-height: Establece la altura del texto.
  • letter-spacing: Aumenta el espacio entre letras.
  • word-spacing: Aumenta el espacio entre palabras.
  • text-shadow: Agrega una sombra.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3
some-alt