Sfida: 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.css
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.css
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 3
Chieda ad AI
Chieda ad AI
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
Sfida: 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.css
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.css
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 3