first-letter疑似要素で最初の文字に背景と実線を入れてます。 カラーや線のスタイルを変更する場合は「border」「background-color」プロパティを調整してください。
画像の拡大・縮小
ダウンロード