<td>中倾斜的背景色，不倾斜文本

Question

我正在尝试在左侧的元素内倾斜白色背景色，而不会扭曲in内的文本。

<table style="border: solid 1px white; width: 100%;">
    <thead>
       <th></th>
       <th></th>
    </thead>
    <tbody>
       <tr>
          <td> TARGET <br /> THIS <br /> TD </td>

          <td>stuff <br /> stuff <br /> stuff</td>
       </tr>
    </tbody>
</table>

以上示例是我想要的表。我在换行符中模拟了表格行，因此我只需要将偏斜应用于一个TD元素而不是整个第一行，并以某种方式对齐所有偏斜的背景，以便它们在它们之间顺畅地流动。

我希望结果显示为...

黑色背景将来自应用于父级div的背景。我只需要在左侧TD上拉白色背景色，然后倾斜它，让父母可以看到黑色背景色。

谢谢！