最初の文字の上下に線を引いたCSS見出しデザイン

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

素材:pixabay

関連パーツ