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
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Fundamentos de CSS

bookDesafío: Formatear Texto con CSS

Tarea

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

  • Añadir un subrayado.
  • Convertir todas las letras a mayúsculas.
  • Centrar el texto horizontalmente.
  • Establecer la altura de línea en 2.
  • Ajustar el espaciado entre letras a 2px.
  • Aumentar 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

bookDesafío: Formatear Texto con CSS

Desliza para mostrar el menú

Tarea

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

  • Añadir un subrayado.
  • Convertir todas las letras a mayúsculas.
  • Centrar el texto horizontalmente.
  • Establecer la altura de línea en 2.
  • Ajustar el espaciado entre letras a 2px.
  • Aumentar 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