見出しの背景に色をつける

できあがりイメージ

つくりかた

Step2 背景に色をつけたい要素のCSSセレクタを探す

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

Step3 背景に色を指定する

background-color を追加して、色を指定しましょう。

Step4 背景の色に合わせて調整する

背景色に合わせて、文字の色やレイアウトを調整しましょう。

サンプルでは文字の色を #ffffee (クリーム色) に、padding を 20px に指定しています。

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

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

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

見出しの背景に色がついていたら完成です。