左上、右下に斜めストライプを入れたCSS見出しデザイン

before,after擬似要素で「background-image」に「repeating-linear-gradient」「linear-gradient」を指定。
境界線の幅を調整し実践の一部だけをストライプにしています。

css 見出し線ストライプ

関連パーツ