How to draw multiple horizontal lines (Notebook Paper effect) using css?

Question

I am trying to make a notebook paper on my blog, and i wanted to make horizontal lines in it. I was successfully able to draw one horizontal line using css, but i am unable

Answer 1

Using your way you have to insert multiple of these elements. You can't simply repeat them.

Another - and I guess more suitable way - would be using a background image that you repeat horizontally and vertically to achieve this effect.

body {
    background: transparent url(path/filename) repeat 0 0;
}

Or, if you can use gradients, nikhita dkslfslg's answer (+1 for that) might help.