html - CSS 样式文本区域，如笔记本外观

Question

可以设置文本区域的样式，使每一行都有虚线 下划线(如笔记本或笔记 block )？

行数应该固定为 10。

Answer 1

这可能是您要查找的内容:

<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>

或者您可以阅读这篇告诉您如何从头开始做的文章:

Creating a Notebook Background