其中一个边框上的边框图像，其他实体上的边框图像

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

这是现在的样子：

enter image description here

但是，这是注定的：

enter image description here

，你现在看到的右边界有一个梯度但我希望它像第二个图像一样坚实。

来源

2012-07-31 Ali

给你的HTML代码来理解你想要的东西。 – 2012-07-31 09:55:14

我添加了图片。 – Ali 2012-07-31 10:14:20

你怎么看待这样的黑客什么：

<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>

来源

2012-07-31 09:59:21 bogatyrjov

我做不到。看看我添加的图像。 – Ali 2012-07-31 10:13:50

我编辑了答案 – bogatyrjov 2012-07-31 10:28:46

不错的招数，但不正确的方式:) – 2012-07-31 11:08:39

您已经添加了边框的渐变效果。取而代之的是创建一个你想用作边框的图像。
请参阅此link并查看它们用于给出边框的原始图像。你会通过这样做得到你的输出。

来源

2012-07-31 10:40:07

它的简单..它工作..？ – 2012-07-31 10:59:53

其在我的情况下工作，但不在IE中工作.. – 2012-07-31 11:00:17

其中一个边框上的边框图像，其他实体上的边框图像

回答

相关问题