html怎么控制在顶部与底部,如何在html表中获得连续的顶部和底部边框

我正在编写一个程序,它将生成一个用于显示某些数据的html文件.我需要对齐所有列,所以我试图使用单个html表,但我希望在某些行之间使用实线水平线来分隔数据.使用border-top和border-bottom我已经能够达到我想要的大部分路径,但是它产生的水平线不是实心的(见图).

我的问题是:如何在表格中的某些行之间获得稳固的水平线条

此外,一个次要查询,是否有更好的方法来获得左侧列中的行标签和数据之间的一些空间.目前我正在指定一个空白列.该图像背后的HTML如下:

tr.border_top td {

border-top:1pt solid black;

}

tr.border_bottom td {

border-bottom:1pt solid black;

}

DATA

XYZ1		2.120	2.280	2.810	3.000
ABC1		1.370	1.550	1.690	1.780
XYZ2		1.900	1.940	2.050	2.100
ABC2		1.910	1.950	2.060	2.100