チャレンジ:ブログ記事デザインの改善
メニューを表示するにはスワイプしてください
ウェブページには記事が表示されていますが、タイポグラフィの改善が必要です。 次の変更を適用してください:
- ページ全体のフォントファミリーを
'DM Sans', sans-serifに設定。 - すべての段落の行間(line height)を 1.6 に増やす。
- タイトルを太字にする。
- タイトルにわずかな文字間隔(
2px)を追加。 - タイトルに控えめなテキストシャドウを追加:
- 水平方向のオフセット: 1px
- 垂直方向のオフセット: 1px
- ぼかし半径: 3px
- 色: gray
HTMLは変更しないこと。
index.html
index.css
bodyセレクタでfont-familyプロパティを使用し、'DM Sans', sans-serifに設定。.contentセレクタでline-heightを指定。.titleセレクタでは:font-weightでテキストを太字に設定。letter-spacingで文字間隔を2pxに設定。text-shadowを使用し、4つの値(順番は水平方向オフセット、垂直方向オフセット、ぼかし半径、色)が必要であることに注意。
index.html
index.css
すべて明確でしたか?
フィードバックありがとうございます!
セクション 2. 章 4
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 2. 章 4