Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Challenge: Format Text with CSS | Section
CSS Core Fundamentals

bookChallenge: Format Text with CSS

メニューを表示するにはスワイプしてください

Task

To enhance the visual presentation of the h1 element, apply the following styles:

  • Add an underline.
  • Convert all letters to uppercase.
  • Horizontally recenter the text.
  • Set the line height to 2.
  • Adjust the letter spacing to 2px.
  • Increase the space between words to 5px.
  • Apply a text shadow with the values 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Underlines the text.
  • text-transform: Converts the text to uppercase.
  • text-align: Centers the text horizontally.
  • line-height: Sets the height of the text.
  • letter-spacing: Increases the space between letters.
  • word-spacing: Increases the space between words.
  • text-shadow: Adds a shadow.
index.html

index.html

index.css

index.css

copy

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  13

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  13
some-alt