css - 用空格垂直重复背景

Question

我有一个带有虚线的图像，我想在 textarea 中作为背景。图像的高度为 3 像素，宽度为 620 像素，我想要的是垂直重复它，每行之间有 8 像素的空间。下面的代码重复了背景但没有距离。如何做到这一点（如果可能的话）？

textarea#story {
  height: 40px;
  border: 1px solid #cccccc;
  padding: 5px;
  font-family: Tahoma, sans-serif;
  background-image: url(../img/underline.png);
  background-position: 5px 20px;
  background-repeat: repeat-y;
}

下面是我想要的。现在缺少行之间的空间：

--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------

Answer 1

目前，这是不可能的。您必须在图像本身中添加空间。