【CSS】先頭の文字を大きく表示する。

Ads by Google

洋書でよく見かけるこの表現。
これは p:first-child:first-letter プロパティを使うことで、一番始めのパラグラフの一番始めの文字だけに指定することができます。

p:first-child:first-letter {
float: left;
font-size: 3.5em;
padding-right: 10px;
}

細かいバランスを整えるには各数値を微調整するだけ。
簡単ですね!

サンプル

こちらの記事もいかがですか?

アナタにオススメ!
同じカテゴリーの他の記事です。

Ads by Google

Leave a Replyコメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です