ブログ記事最初の1文字を大きくして帯をかけたい

お世話になります。ブログ記事の最初の1文字を大きくし、その文字に帯をかけたいのですが、良い方法はありませんでしょうか? 帯をかけると、1文字なので、正方形になりますよね?

FC2のブログで、leghtframeを使っています。

http://admin.blog.fc2.com/control.php?mode=desig …

No.1 ベストアンサー 回答者： torayoshi 回答日時： 2014/10/15 13:00

私はFC2ユーザーではないので回答にはなりませんが、回答が付かないようなので、

「あくまで一般的な方法なら」という前置きになります。

文字装飾などの見栄えはスタイルシート（CSS）で制御出来ます。
例えば、最初の一文字だけを規定の2.5倍、帯をオレンジ、さらに白抜きする場合。

<span style="background-color:#ff4500;font-size:2.5em;color:#ffffff;">
あ</span>りがとう。<br>
こんにちは。

などが一例になりますが、CSSの解釈は各ブラウザによって異なり、
必ずしも同じ表示にはなりません。

添付画像はIE10での見え方です。