Search code examples
htmlcssborder

How to not overlap any borders on irregular table?


I am having some styles troubles in bordering an irregular table such like this one: Irregular tables and overlapped borders

As you can see, around every td element I got a 1px border style but, when "cornering" with other td's I get overlapped borders.

How could I make it look 1px border for every td in this table?

Thank you in advance


Solution

  • Try adding border-collapse: collapse to your table's class.

    Alternatively, you could add some space between cells using border-spacing: 2px