如何在html表中创建虚线边框线

Question

我创建了一个生成html表的函数，该表填充了我从文件中读取的数据。表格的边界等是固定和设置的，但里面的数据是动态的，可以即时读取 - 就像创建单元格一样。以下是用于创建和格式化单元格的代码：

<td nowrap align="right" style="border-left:dotted 2px #000000">
   <font face="arial" size="2" color="#000000">  text here </font>
</td>

问题在于，因为每个单元格都是单独创建的，所以在顶部和botted连接处创建点，从而形成更长的线条。有没有办法改变这个？

如果没有 - 有没有办法在一般的表格属性中格式化它（问题是它只是我想要点的表格内的一个边框 - 其余的应该是不同宽度的实体，并且当完成时每个细胞分开看起来都很好。

我已经尝试在线找到答案，但教程似乎忽略了这个问题。

编辑：

我添加了一张显示当前结果的图片。边界崩溃并没有带来想要的结果:(这是两个连续行的单元格的特写）

Answer 1

您需要使用表格上的border-collapse属性

http://jsfiddle.net/L3v2P/2/

.dotted{
    border: dotted 3px #000000;
}
table{
    border-collapse:collapse;/*This property collapses borders together*/
}