0

境界画像を使用して 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>

これが今の様子です：

ここに画像の説明を入力

しかし、これはどうあるべきかです：

ここに画像の説明を入力

ご覧のとおり、右の境界線にはグラデーションがありますが、2番目の画像のように塗りつぶしたいです。

4

2 に答える 2

2

境界線にグラデーション効果を追加しました。これの代わりに、境界線として使用する1つの画像を作成します。
このリンクを参照して、境界線を付けるために使用している元の画像を確認してください。これを行うことで出力を取得します。

于 2012-07-31T10:40:07.323 に答える
1

そのようなハックについてどう思いますか：

<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-31T09:59:21.403 に答える