CSS（スタイルシート）の小技最初の字だけ装飾する（ドロップキャップ） 文章の最初の字だけを装飾するスタイルシート適用方法。 first-letter擬似要素を使用。 この例では、dl内のdd要素に.dropcapとclass名をつけて、 そこにfirst-letterでスタイル設定。 dd.dropcap:first-letter{ font-size: 300%; background-color: #c00; color: #fff; float: left; margin-right: 10px; margin-bottom: 10px; padding: 2px; } 高さ指定したボックスの縦方向中央に配置 配置する物 { height: 200px; line-height: 200px; text-align: center; } ボックスの高さと同じ値のline-heightを指定する。 配置出来るもの
