如何在textarea中显示线条以使其看起来像记事本？
Ans*_*hul 10 html javascript css jquery
我需要在文本区域显示线条,使其看起来像记事本.我只有一个文本区域.以下记事本仅供参考.
Sim*_*mon 12
这是一个想法:http://www.bookofzeus.com/articles/css-styling-textarea-give-notebook-notepad-look/
简而言之:设置a background-image并设置line-height为图像所使用的任何行高.
- 滚动时背景也需要移动.否则你可以滚动半行,文字在线上,而不是在线之间. (2认同)
epo*_*och 11
您可以使用CSS样式执行此操作,根据您的图像,您可以执行此操作:
?textarea#area {
width: 300px;
height: 400px;
padding: 0 0 0 20px;
line-height: 30px;
background: #fff url("http://i.stack.imgur.com/UfzKa.jpg") no-repeat -75px -160px
}?
在这里查看示例小提琴