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

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

関連パーツ