Utfordring: Formater Tekst med CSS
Oppgave
For å forbedre den visuelle presentasjonen av h1-elementet, bruk følgende stiler:
- Legg til en understrek.
- Gjør alle bokstaver til store bokstaver.
- Sentrer teksten horisontalt.
- Sett linjehøyden til
2. - Juster bokstavavstanden til
2px. - Øk avstanden mellom ordene til
5px. - Legg til en tekstskygge med verdiene
2px 2px #000000.
index.html
index.css
text-decoration: Understreker teksten.text-transform: Gjør teksten om til store bokstaver.text-align: Sentrerer teksten horisontalt.line-height: Angir høyden på teksten.letter-spacing: Øker avstanden mellom bokstavene.word-spacing: Øker avstanden mellom ordene.text-shadow: Legger til en skygge.
index.html
index.css
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 3
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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
Utfordring: Formater Tekst med CSS
Sveip for å vise menyen
Oppgave
For å forbedre den visuelle presentasjonen av h1-elementet, bruk følgende stiler:
- Legg til en understrek.
- Gjør alle bokstaver til store bokstaver.
- Sentrer teksten horisontalt.
- Sett linjehøyden til
2. - Juster bokstavavstanden til
2px. - Øk avstanden mellom ordene til
5px. - Legg til en tekstskygge med verdiene
2px 2px #000000.
index.html
index.css
text-decoration: Understreker teksten.text-transform: Gjør teksten om til store bokstaver.text-align: Sentrerer teksten horisontalt.line-height: Angir høyden på teksten.letter-spacing: Øker avstanden mellom bokstavene.word-spacing: Øker avstanden mellom ordene.text-shadow: Legger til en skygge.
index.html
index.css
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 3