Textarea在每行文本下面有一行

Question

如何在每行文本下设计带有线条的文本区域，如下图所示：

Answer 1

我已经在jsfiddle中为你创建了这个，这是你在找什么？

<style>
._ta { 
    background-color:#AADDF2;
    padding:10px;
}
._ta textarea { 
    background: transparent url(http://s24.postimg.org/62v2ipx81/underline.png) repeat; 
    border:none;
    height:150px;
    width:300px;
    overflow:hidden;
    line-height:30px;
    font-weight:bold;
    color:#FF9900}
</style>


<div class="_ta">
        I like my name because:<br />
<textarea></textarea>
</div>

演示： http://jsfiddle.net/TV47t/1/

Answer 2

使用background-image或CSS gradients来实现您的目标。