Uitdaging: Tekst Opmaken met CSS
Taak
Voor een verbeterde visuele presentatie van het h1-element, de volgende stijlen toepassen:
- Een onderstreping toevoegen.
- Alle letters omzetten naar hoofdletters.
- De tekst horizontaal centreren.
- De regelhoogte instellen op
2. - De letterafstand aanpassen naar
2px. - De afstand tussen woorden vergroten tot
5px. - Een tekstschaduw toepassen met de waarden
2px 2px #000000.
index.html
index.css
text-decoration: Onderstreept de tekst.text-transform: Zet de tekst om naar hoofdletters.text-align: Centreert de tekst horizontaal.line-height: Stelt de hoogte van de tekst in.letter-spacing: Vergroot de ruimte tussen letters.word-spacing: Vergroot de ruimte tussen woorden.text-shadow: Voegt een schaduw toe.
index.html
index.css
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 3
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Awesome!
Completion rate improved to 2.56
Uitdaging: Tekst Opmaken met CSS
Veeg om het menu te tonen
Taak
Voor een verbeterde visuele presentatie van het h1-element, de volgende stijlen toepassen:
- Een onderstreping toevoegen.
- Alle letters omzetten naar hoofdletters.
- De tekst horizontaal centreren.
- De regelhoogte instellen op
2. - De letterafstand aanpassen naar
2px. - De afstand tussen woorden vergroten tot
5px. - Een tekstschaduw toepassen met de waarden
2px 2px #000000.
index.html
index.css
text-decoration: Onderstreept de tekst.text-transform: Zet de tekst om naar hoofdletters.text-align: Centreert de tekst horizontaal.line-height: Stelt de hoogte van de tekst in.letter-spacing: Vergroot de ruimte tussen letters.word-spacing: Vergroot de ruimte tussen woorden.text-shadow: Voegt een schaduw toe.
index.html
index.css
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 3