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

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

素材:pixabay

first-letter 見出し線 border

関連パーツ