先頭の1文字目だけに特定のスタイルを指定したい場合は、first-letterという擬似要素を使用します。この擬似要素は、p、div、blockquoteなどのブロック要素のみ指定可能です。インライン要素には使えません。
<style type="text/css">
/* 先頭の1文字を強調 */
p.letter:first-letter {
float:left;
margin:0 5px 0 0; padding:7px;
border:1px solid #9cb2d6;
font-weight:bold; font-size:150%; color:#9cb2d6;
line-height:1.5;
}
</style>
<p class="letter">先頭の1文字目だけに特定のスタイルを指定したい場合は、first-letterという擬似要素を使用します。この擬似要素は、p、div、blockquoteなどのブロック要素のみ指定可能です。インライン要素には使えません。</p>