How to display thin borders when multiple tables are nested? _html/css_WEB-ITnose

TableA contains TableB, and tableB contains tableC.
And both tableB and tableC are cyclic. There are many of them.
When the borders are displayed, they will overlap and the borders are very thick. Please give me some guidance. How to display thin borders?

Reply to discussion (solution)

Just use css to remove the repetitions

Do not add embedded tables Border

Or use a table and combine it through colspan and rowspan

table{ border-collapse: collapse;}
Just merge the borders

Agree 2 You can do it with just one table. Do you need div? Hahaha