提示されたコードはFirefoxではそこまで変にならなかったりする。
ざっくり作ってみたが、trの背景に2pxのグラデーションで書く手もあるか。(追記:後半に追加済み)
HTML
1 <div id="test"><table>
2 <tr>
3 <td><div>AAAAAA</div></td>
4 <td>BBBBBB</td>
5 </tr>
6 <tr>
7 <td><div>AAAAAA</div></td>
8 <td>BBBBBB</td>
9 </tr>
10 <tr>
11 <td><div>AAAAAA</div></td>
12 <td>BBBBBB</td>
13 </tr>
14 <tr>
15 <td><div>AAAAAA</div></td>
16 <td>BBBBBB</td>
17 </tr>
18 <tr>
19 <td><div>AAAAAA</div></td>
20 <td>BBBBBB</td>
21 </tr>
22 </table></div>
CSS
1#test {
2 position: relative;
3}
4table {
5 width: 100%;
6 border-bottom: dashed 2px #990000;
7}
8td:first-child > div::before {
9 position: absolute;
10 left: 0;
11 right: 0;
12 content: '';
13 height: 0;
14 border-bottom: dashed 2px #990000;
15}
16tr:first-child > td:first-child > div::before {
17 content: none;
18}
19```**動くサンプル:**[https://jsfiddle.net/a2095qmz/2/](https://jsfiddle.net/a2095qmz/2/)
20
21---
22
23**追記:**
24
25
26
27```CSS
28table {
29 border-collapse: collapse;
30}
31tr {
32 background-image: repeating-linear-gradient(90deg, #000, #000 10px, transparent 0, transparent 15px);
33 background-size: 15px 2px;
34 background-position: bottom left;
35 background-repeat: repeat-x;
36}
37```**動くサンプル:**[https://jsfiddle.net/a2095qmz/3/](https://jsfiddle.net/a2095qmz/3/)
38
39【CSSグラデーションで作った背景パターンのサンプル | NxWorld】
40[https://www.nxworld.net/tips/css-gradient-pattern.html](https://www.nxworld.net/tips/css-gradient-pattern.html)