如何在HTML表格內創建虛線的邊框線

Question

我創建了一個函數，該函數生成一個html表，其中填充了從文件中讀取的數據。 表格的邊界等是固定和設置的，但是內部數據是動態的，可以動態讀取-就像創建單元格一樣。 這是用於創建和格式化單元格的代碼：

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

問題在於，由於每個單元都是單獨創建的，因此頂部的點連接和底部的連接將產生點，從而使行更長。 有什么辦法可以改變嗎？

如果不是，是否有辦法在常規表格屬性中設置其格式（問題是，表格中我只想畫一個邊框，其余的應該是實心的，具有不同的寬度，並且在分別處理每個單元格時看起來正好）。

我已經嘗試過在線找到答案，但是本教程似乎忽略了此類問題。

編輯：

我添加了一張顯示當前結果的圖片。 邊界折疊未帶來想要的結果：（這是對兩個連續行的單元格的特寫）

Answer 1

您需要在表上使用border-collapse屬性

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

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