使用colspan

Question

我在使用colspan的表中遇到了一个奇怪的border-bottom行为。请参阅以下image。如您所见，最后一个单元格的边界底部正在扩展到colspan的整个范围？

我正在使用Ionic Framework！

出于测试目的，我只使用了“style” - 属性：

 <table style="border:1px solid black; width: 300px;">
    <tr style="border:1px solid black">
        <td style="border:1px solid black"></td>
        <td style="border:1px solid black"></td>
        <td style="border-left:2px solid red;border-top:2px solid red; border-bottom:2px solid red; background-color:lightcoral;"></td>
        <td style="border-top:2px solid red; border-bottom:2px solid red; background-color:lightcoral;"></td>
        <td style="border-top:2px solid red; border-bottom:2px solid red; background-color:lightcoral;"></td>
        <td style="border-right:2px solid red; border-top:2px solid red; border-bottom:2px solid red; background-color:lightcoral;"></td>
        <td style="border:1px solid black"></td>
        <td style="border:1px solid black"></td>
    </tr>
    <tr style="border:1px solid black">
        <td colspan="4" style="border:1px solid black; text-align:center">12</td>
        <td colspan="4" style="border:1px solid black; text-align:center">13</td>
    </tr>
</table>