html - 创建在每一行上点缀的文本区域

Question

我想做一个这样的联系表:http://line25.com/wp-content/uploads/2012/letter-form/20.jpg (一个多行文本区域，其中每行都有一个虚线底部边框，就像笔记本一样。所以不仅仅是字段的底部边框)

我已有的姓名 和电子邮件 字段:

#contactform input[type="text"]{
   border: none;
   border-bottom: dashed 2px #c9c9c9;
   width: 200px;
}

但我似乎无法修复消息部分...？我认为这将是一个带有一些样式的文本区域，但我似乎没有得到正确的效果......是否有可能分别为每一行设置样式？

谢谢!

Answer 1

textarea 使用点图像作为背景。

#contactform textarea {
    background: url("dot-bg.png");
}