最初の文字に角丸のストライプを入れたCSS見出しデザイン

first-letter疑似要素で最初の文字の背景をストライプに。 形やカラーやを変える場合は「background-image」プロパティを調整してください。

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

素材:pixabay