CSS Ruled Paper

A ruled paper pattern with HTML and CSS.

Comments

[Luke Shiru]

Niiiice! If you add this to your CSS:

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

And then you add the attribute contenteditable to that element, then you can actually write on the paper 😄

Cheers!

[mrwolferinc]

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

[Ash]

Brilliant! 🦄

[Imia Hazel]

Cool idea. Brilliant.

[Ash]

This is very fun, thanks for the post!

[Roman Cervantes]

Brilliant, indeed. Thanks for sharing!

[Matt Curcio]

Love it, Funny and cool at the same time.