Css 边框图像仅在其中一个边框上，而其他边框是实心的

我使用边框图像在TH的左边框上创建渐变，但右边框必须是实心的。但边界图像适用于所有边界，并且没有边界图像权利来阻止它。我怎样才能解决这个问题

<style>
TH {
    border-left:1px solid;
    -webkit-border-image:-webkit-linear-gradient(bottom, #BBB, rgba(255, 255, 255, 0)) 0 100%
    border-right:1px solid #CCC;
}
</style>

TH{
左边框：1px实心；
-webkit边框图像：-webkit线性渐变（底部，#BBB，rgba（255，255，255，0））0 100%
右边框：1px实心#CCC；
}

这就是它现在的样子：

但它必须是这样的：

---

正如您现在看到的，右边框有一个渐变，但我希望它像第二幅图像一样是实心的。

您如何看待这样一个黑框：

<th style="width:104px; height:100px; background:url(up-down-gradient.png)">
  <div style="width:100px; height:100px; border-right:2px solid #888; margin-left:2px"></div>
</th>

---

您对这种黑客行为有何看法：

<th style="width:104px; height:100px; background:url(up-down-gradient.png)">
  <div style="width:100px; height:100px; border-right:2px solid #888; margin-left:2px"></div>
</th>

---

您为边框添加了渐变效果。创建一个要用作边框的图像来代替此操作。

---

参考此图，查看他们用于提供边框的原始图像。通过这样做，您将获得输出。

您为边框添加了渐变效果。创建一个要用作边框的图像来代替此操作。

---

参考此图，查看他们用于提供边框的原始图像。通过这样做，您将获得输出。

给出html代码以了解您实际需要的内容。给出html代码以了解您实际需要的内容。我做不到。看看我添加的图像，我做不到。看看我添加的图像。