CSS Styling text areas like notebook-look

Question

It is possible to style a text area so each row have a dotted underline (like a notebook or a notes-block)?

The number of lines should be fixed to lets say 10.

Answer 1

Here's probably what you looking for:

<style type="text/css">  textarea {   background: url(http://i.stack.imgur.com/ynxjD.png) repeat-y;   width: 600px;   height: 300px;   font: normal 14px verdana;   line-height: 25px;   padding: 2px 10px;   border: solid 1px #ddd;  }    </style>  <textarea>      Textarea with style example      Line 1      Line 2      Line 3      Line 4      Line 5      Line 6      Line 7      Line n  </textarea>

Or you can read this articles that tells you how to do it from scratch:

Creating a Notebook Background