タイトルに点線の下線をつける

できあがりイメージ

つくりかた

Step2 下線をつける要素のCSSセレクタを探す

CSSのセレクタで h1 を探しましょう。

Step3 下線を追加する

border を追加して、線の種類を点線に変更しましょう。
border プロパティでは、線のスタイルを自由に変えられます。dashed は点線にする設定です。サンプルでは線の色をタイトルの色 (white) と同じに変更しています。

Step4 コードを書くかコピー＆ペーストする

コピーしたコードを目的の箇所にペースト（貼り付け）するか、直接書き換えてみましょう。

Step5 実際の見え方を確認する

タイトルの下に点線がついていたら完成です。