Simply put, I need all the yellow areas to be the same in width. It is not clear why the border is generally included in the width of the cells.

https://jsfiddle.net/bds1w49n/2/

table { border-spacing: 0; } td { height: 50px; width: 10%; background: yellow; border-right: 10px solid gray; padding: 0; } td:last-child { border-right: 0; } 
 <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table>

    1 answer 1

    Just need to add one style:

     table { border-collapse: collapse; /* Вот этот */ border-spacing: 0; }

    https://jsfiddle.net/bds1w49n/3/