html - 如何在html表格内创建虚线边框线

Question

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

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

问题在于，由于每个单元格都是单独创建的，因此顶部的点和底部连接会形成更长的线。有什么办法可以改变吗？

如果没有 - 是否有任何方法可以在一般表格属性中对其进行格式化(问题是它只是我想要点缀的表格内的一个边框 - 其余的应该是实心的，具有不同的宽度，并且对每个单元格完成后分开看起来还不错)。

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

编辑:

我添加了一张显示当前结果的图片。 border-collapse 没有带来想要的结果:(这是两个连续行的单元格的特写)

Answer 1

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

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

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