So I have to create a table which has cell borders as well. But here is the thing, we need to change the border thickness. That is, the table heads’ borders should be thicker than the table data borders.

I tried coming up with a solution and it looks like this:

It’s actually fine but if one carefully notices the thickness of borders in the rightmost cells then they are thicker in the table header(left side of Articl) and thinner in the consecutive table data’s left side.

Could someone tell why is this happening?

Here’s my CSS stylesheet:

table,th{ 
border: 3px solid black; }
td{ border: 1px solid black; }
table{ border-collapse: collapse; }
th,td{ padding: 10px; }
r/webdev - Problem- Thickness of border in a table cell



Source link

Write A Comment