DEV Community

Cover image for CSS Ruled Paper
mrwolferinc
mrwolferinc

Posted on

CSS Ruled Paper

A ruled paper pattern with HTML and CSS.

Discussion (6)

Collapse
lukeshiru profile image
LUKESHIRU • Edited

Niiiice! If you add this to your CSS:

.ruled-paper-body {
    padding-left: 6rem;
    line-height: 1.2rem;
    padding-top: 0.2rem;
}
Enter fullscreen mode Exit fullscreen mode

And then you add the attribute contenteditable to that element, then you can actually write on the paper πŸ˜„

Cheers!

Collapse
ash_bergs profile image
Ash

Brilliant! πŸ¦„

Collapse
mrwolferinc profile image
mrwolferinc Author • Edited

That's a really good idea, I will add it.

Collapse
ash_bergs profile image
Ash

This is very fun, thanks for the post!

Collapse
imiahazel profile image
Imia Hazel

Cool idea. Brilliant.

Collapse
mccurcio profile image
Matt Curcio

Love it, Funny and cool at the same time.