CSS样式化文本区域，如笔记本外观 [英] CSS Styling text areas like notebook-look

问题描述

可以为文本区域设置样式，使每行都有一个虚线
下划线（如笔记本或音符块）？

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

。

推荐答案

这可能是你想要的：

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

这将输出：

或者您可以阅读这篇文章，从头开始：

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

创建笔记本背景

这篇关于CSS样式化文本区域，如笔记本外观的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！