Utmaning: Formatera Text med CSS
Uppgift
För att förbättra den visuella presentationen av h1-elementet, tillämpa följande stilar:
- Lägg till en understrykning.
- Omvandla alla bokstäver till versaler.
- Centrera texten horisontellt.
- Ange radavstånd till
2. - Justera bokstavsavståndet till
2px. - Öka avståndet mellan ord till
5px. - Applicera en textskugga med värdena
2px 2px #000000.
index.html
index.css
text-decoration: Understreckar texten.text-transform: Konverterar texten till versaler.text-align: Centrerar texten horisontellt.line-height: Anger höjden på texten.letter-spacing: Ökar avståndet mellan bokstäver.word-spacing: Ökar avståndet mellan ord.text-shadow: Lägger till en skugga.
index.html
index.css
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 3
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
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.56Utmaning: Formatera Text med CSS
Svep för att visa menyn
Uppgift
För att förbättra den visuella presentationen av h1-elementet, tillämpa följande stilar:
- Lägg till en understrykning.
- Omvandla alla bokstäver till versaler.
- Centrera texten horisontellt.
- Ange radavstånd till
2. - Justera bokstavsavståndet till
2px. - Öka avståndet mellan ord till
5px. - Applicera en textskugga med värdena
2px 2px #000000.
index.html
index.css
text-decoration: Understreckar texten.text-transform: Konverterar texten till versaler.text-align: Centrerar texten horisontellt.line-height: Anger höjden på texten.letter-spacing: Ökar avståndet mellan bokstäver.word-spacing: Ökar avståndet mellan ord.text-shadow: Lägger till en skugga.
index.html
index.css
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 3
