CSS border issue on colspan TD

Hi guys, I have a CSS problem regarding borders, the problem is adding borders around td with colspan. The table has the properties:

<table cellspacing=0 cellpadding=0 border=0>

CSS style:

.tdclass{
    background-color:#FDBCC1;
}

.tdclass td{
    border-top: 3px solid white;
}

How it works:

<tr class = "tdclass">
<td> ...
<td colspan="2"> ...
<td> ...
</tr>

What this CSS does is highlight a row of lines and add a white line that acts as the spacing between fake rows. Adding borders to an element <tr>does not work, only works on <td>.

, "colspan" . , , , , ".tdclass". "colspan" <td>. , , :

:

____-----____

- <td> "colspan" . , , , , .tdclass.

? ?

+3
2

- td colspan?

IE, Firefox Chrome :

<tr class = "tdclass">
 <td> blah</td>
 <td colspan="2"> </td>
 <td> blah</td>
</tr>

Chrome , . Firefox , . IE .

&nbsp; .

+2

<td> , . css("border-top", "#808080 1px dotted")

+1

Source: https://habr.com/ru/post/1727499/


All Articles