Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Formatar Texto com CSS | Estilizando Texto em CSS
Fundamentos de CSS

bookDesafio: Formatar Texto com CSS

Tarefa

Para aprimorar a apresentação visual do elemento h1, aplique os seguintes estilos:

  • Adicionar um sublinhado.
  • Converter todas as letras para maiúsculas.
  • Recentralizar o texto horizontalmente.
  • Definir a altura da linha como 2.
  • Ajustar o espaçamento entre letras para 2px.
  • Aumentar o espaço entre palavras para 5px.
  • Aplicar uma sombra no texto com os valores 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Sublinha o texto.
  • text-transform: Converte o texto para maiúsculas.
  • text-align: Centraliza o texto horizontalmente.
  • line-height: Define a altura da linha do texto.
  • letter-spacing: Aumenta o espaço entre as letras.
  • word-spacing: Aumenta o espaço entre as palavras.
  • text-shadow: Adiciona uma sombra.
index.html

index.html

index.css

index.css

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookDesafio: Formatar Texto com CSS

Deslize para mostrar o menu

Tarefa

Para aprimorar a apresentação visual do elemento h1, aplique os seguintes estilos:

  • Adicionar um sublinhado.
  • Converter todas as letras para maiúsculas.
  • Recentralizar o texto horizontalmente.
  • Definir a altura da linha como 2.
  • Ajustar o espaçamento entre letras para 2px.
  • Aumentar o espaço entre palavras para 5px.
  • Aplicar uma sombra no texto com os valores 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Sublinha o texto.
  • text-transform: Converte o texto para maiúsculas.
  • text-align: Centraliza o texto horizontalmente.
  • line-height: Define a altura da linha do texto.
  • letter-spacing: Aumenta o espaço entre as letras.
  • word-spacing: Aumenta o espaço entre as palavras.
  • text-shadow: Adiciona uma sombra.
index.html

index.html

index.css

index.css

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3
some-alt