Javascript 如何在textarea中绘制行间分隔符

是否可以仅使用CSS在文本区域中的行之间绘制分隔符，如下图所示：

注意：我知道如果我使用table为每个元素使用javascript创建一个新行，这是非常容易的，但我正在探索是否有一个只使用CSS的简单解决方案用于textarea

---

谢谢，

是的，您可以通过css线性渐变来实现

css

html

---

是的，您可以通过css线性渐变来实现

css

html

您可以为文本区域设置背景图像，并在image@RachelGallen你得到了完全一样的我想要的，谢谢你可以为文本区域设置一个背景图像，在image@RachelGallen你得到的和我想要的完全一样，谢谢你的乳液我觉得这是一个很好的解决方案，虽然我在开始打字时更多地考虑动态添加分隔符，但我不知道textarea是否可以（这必须是可能的，但有多容易）我认为这是一个非常好的解决方案，虽然我在开始打字时更多地考虑动态添加分隔符，但我不知道textarea是否可以（这必须是可能的，但有多容易）

 textarea {
  height: 80px;
  line-height: 22px;
  background: repeating-linear-gradient(
  0,
  #222,
  #222 1px,
  #333 1px,
  #333 20px
);
 color: #fff; 
}

<textarea name="" id="" cols="30" rows="10"></textarea>