CSS(linear-gradient)でノート風に点線の罫線を表示する

CSS

2018.07.09

See the Pen gjYPee by vivolog (@vivolog) on CodePen.

※1番上の罫線を表示するためにdivを設置。

【図解】

参考

CSSだけでデザイン通りに作れるノート風罫線
破線？実践？1行おきに線が入るあのデザイン、文字量の変更・文字サイズの変更でも崩れない組み方をご紹介。
webnohito.me