html - 将边框添加到文本区域

Question

<分区>

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 而改变(尝试增加/减少缩放系数)。

可以调整线条的刻度，定义不同的颜色停止值。