垂直重复背景与空间

时间:2013-06-14 13:09:55

标签: css background background-image

我有一个虚线图像,我希望在textarea中作为背景。图像的高度为3px,宽度为620px,我想要的是垂直重复它,每行之间的空间为8px。下面的代码重复背景,但没有距离。怎么可能这样做(如果可能的话)?

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;
}

以下是我想要的。现在,线之间的空间丢失了:

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

1 个答案:

答案 0 :(得分:1)

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