table｛ border-collapse:collapse; ｝
と記述しましょう。
これでうまくtrにラインを引くことができます。

See the Pen
KKpOJxE by nanami (@nanami_po)
on CodePen.

tableを使ってレイアウトをするとき、要素の間にラインを入れることはよくあると思います。
良かったら参考にしてください。

Every Layout モジュラーなレスポンシブデザインを実現するCSS設計論

posted with ヨメレバ

ヘイドン・ピカリング/アンディ・ベル ボーンデジタル 2021年11月23日頃

楽天ブックス

Amazon

Kindle

honto

紀伊國屋書店

Web制作者のためのCSS設計の教科書

posted with ヨメレバ

谷拓樹 インプレス 2014年08月

楽天ブックス

楽天kobo

Amazon

Kindle

honto

紀伊國屋書店