テキストエリアの背景として使用したい点線の画像があります。画像の高さは 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;
}
以下は私が欲しいものです。現在、行間のスペースがありません。
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------