css - 将 TD 的左边框设置为一种颜色，但没有将其放置在标题行的左侧？

Question

我想定义表格中单元格左边框的颜色，通常代码如下所示：

border-left: solid 10px red;

然而，这个边框是在 TD 的左侧创建的，所以现在标题单元格不是水平的，可能是因为这些标题单元格没有相同的左边框。

有没有办法在 TD 内设置左边框，比如设置 padding-left 或 margin-left 的颜色，以便边框保持对齐。

谢谢，

编辑

<table>
  <tr>
  <th style="border-left:solid 10px transparent">Col1 heading</th>
  <th></th>
  </tr>
  <tr>
     <td style="border-left:solid 10px red">Col1 value<td/>
     <td>Col2</td>
  </tr>
</table>

以上

Answer 1

标题单元格 CSS：

border-left: solid 10px transparent;

Answer 2

尝试：

border-top: solid 10px transparent;
border-right: solid 10px transparent;
border-bottom: solid 10px transparent;
border-left: solid 10px red;