GitHub 6956★

Have you seen CSS Scan?

The fastest and easiest way to check, copy and edit CSS.

Learn more →

CSS Scan logo

Lined paper


<div class="lined-paper">...</div>


.lined-paper {
/* Lined background */
background-image: linear-gradient(#d1d5db 1px, transparent 0px);
background-size: 100% 2em;

Display the content on top of the lines.
The line height must be the same as the background size defined above

background-position-y: 1.5rem;
line-height: 2em;
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
Follow me on and to get more useful contents.