Udfordring: Formater Tekst med CSS
Opgave
For at forbedre den visuelle præsentation af h1-elementet, anvendes følgende stilarter:
- Tilføj en understregning.
- Konverter alle bogstaver til store bogstaver.
- Centrér teksten vandret.
- Indstil linjehøjden til
2. - Justér bogstavmellemrummet til
2px. - Øg afstanden mellem ord til
5px. - Anvend en tekstskygge med værdierne
2px 2px #000000.
index.html
index.css
text-decoration: Understreger teksten.text-transform: Konverterer teksten til store bogstaver.text-align: Centrerer teksten vandret.line-height: Angiver tekstens højde.letter-spacing: Øger afstanden mellem bogstaver.word-spacing: Øger afstanden mellem ord.text-shadow: Tilføjer en skygge.
index.html
index.css
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 3
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
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?
Fantastisk!
Completion rate forbedret til 2.56Udfordring: Formater Tekst med CSS
Stryg for at vise menuen
Opgave
For at forbedre den visuelle præsentation af h1-elementet, anvendes følgende stilarter:
- Tilføj en understregning.
- Konverter alle bogstaver til store bogstaver.
- Centrér teksten vandret.
- Indstil linjehøjden til
2. - Justér bogstavmellemrummet til
2px. - Øg afstanden mellem ord til
5px. - Anvend en tekstskygge med værdierne
2px 2px #000000.
index.html
index.css
text-decoration: Understreger teksten.text-transform: Konverterer teksten til store bogstaver.text-align: Centrerer teksten vandret.line-height: Angiver tekstens højde.letter-spacing: Øger afstanden mellem bogstaver.word-spacing: Øger afstanden mellem ord.text-shadow: Tilføjer en skygge.
index.html
index.css
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 3
