CSSで見出しをデザイン（擬似クラス:first-letter）

スタイルシートマニア

CSSで見出しをデザイン（擬似クラス:first-letter） | ホームページカスタマイズ Tips

ドロップキャップで使った:first-letter 擬似クラスを使って見出しをデザインしてみます。

#h2-headline02 {
      color: #600;
      border-bottom: 1px solid #600;
}

#h2-headline02:first-letter {
      font-size: 2em;
}

<h2 id="h2-headline02">CSSで見出しをデザイン（擬似クラス:first-letter）</h2>

hideo