Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Formattare il Testo con CSS | Formattazione del Testo in CSS
Fondamenti Di CSS

bookSfida: Formattare il Testo con CSS

Compito

Per migliorare la presentazione visiva dell'elemento h1, applicare i seguenti stili:

  • Aggiungere una sottolineatura.
  • Convertire tutte le lettere in maiuscolo.
  • Ricentrare orizzontalmente il testo.
  • Impostare l'altezza della linea a 2.
  • Regolare la spaziatura tra le lettere a 2px.
  • Aumentare lo spazio tra le parole a 5px.
  • Applicare un'ombra al testo con i valori 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Sottolinea il testo.
  • text-transform: Converte il testo in maiuscolo.
  • text-align: Centra il testo orizzontalmente.
  • line-height: Imposta l'altezza del testo.
  • letter-spacing: Aumenta lo spazio tra le lettere.
  • word-spacing: Aumenta lo spazio tra le parole.
  • text-shadow: Aggiunge un'ombra.
index.html

index.html

index.css

index.css

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 3

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

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

bookSfida: Formattare il Testo con CSS

Scorri per mostrare il menu

Compito

Per migliorare la presentazione visiva dell'elemento h1, applicare i seguenti stili:

  • Aggiungere una sottolineatura.
  • Convertire tutte le lettere in maiuscolo.
  • Ricentrare orizzontalmente il testo.
  • Impostare l'altezza della linea a 2.
  • Regolare la spaziatura tra le lettere a 2px.
  • Aumentare lo spazio tra le parole a 5px.
  • Applicare un'ombra al testo con i valori 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Sottolinea il testo.
  • text-transform: Converte il testo in maiuscolo.
  • text-align: Centra il testo orizzontalmente.
  • line-height: Imposta l'altezza del testo.
  • letter-spacing: Aumenta lo spazio tra le lettere.
  • word-spacing: Aumenta lo spazio tra le parole.
  • text-shadow: Aggiunge un'ombra.
index.html

index.html

index.css

index.css

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 3
some-alt