将边框添加到文本区域

Question

我需要复制这份联系表格。

​

它已经完成了，但是我在textarea上有一些问题。

似乎我需要在文本框里放一些“人力资源”，或者.或者我不知道。任何帮助都是欢迎的。

Answer 1

您可以使用linear-gradient，其中background-size等于为textarea定义的line-height。

http://codepen.io/anon/pen/LELJzy

textarea {
   font-size: 16px;
   width: 80%;
   height: 200px;
   color: #fff;
   line-height: 1.7em;
   background: linear-gradient(to bottom, #000 98%, #fff 98%);
   background-size: 1.7em 1.7em;
}

在这种方法中，您不需要对背景图像提出额外的请求，并且线条可能会根据用户font-size而改变其位置(尝试增加/删除缩放因子)。

线的痒度可以调整，定义一个不同的颜色停止值。

Answer 2

您需要为1px by 16px使用类似于|的背景图像，并对背景使用重复：

textarea{
   background: url(line.jpg) repeat;
}