難易度:★☆☆
プロパティ:::first-letter
関連レッスン:Chapter2 レッスン3
HTMLの h2 タグに対し、CSSを反映させていきます。
CSSのセレクタで h2 を探しましょう。
擬似要素を追加します。
擬似要素を使うと、要素 (サンプルh2) の一部分にCSSを指定することができます。
first-letter は要素の最初の文字を指定する擬似要素で、h2のセレクタとは別に書きます。
書く場所はどこでも大丈夫ですが、h2のセレクタの近くに書くのがオススメです。
コピーしたコードを目的の箇所にペースト(貼り付け)するか、直接書いてみましょう。
font-size を追加して、文字のサイズを大きくしましょう。
サンプルでは font-size を 60px に、font-weight (文字の太さ) を600 に指定しています。
コピーしたコードを目的の箇所にペースト(貼り付け)するか、直接書いてみましょう。
文章の一番最初の文字が大きく、太くなっていたら完成です。