最初の文字に実線で囲んだ背景を入れたCSS見出しデザイン

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

画面内の文字は直接編集できます。

素材:pixabay