css - 边框图像只有一个边框，而其他边框是实心的

Question

我使用边框图像在 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>

现在是这样的:

但这是必须的:

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

Answer 1

你已经为边框添加了渐变效果。代替这个创建一个你想用作边框的图像。
引用这个link并查看他们用来设置边框的原始图像。你将通过这样做得到你的输出。