美しく滑らかな境界線を作成するために、広告の境界線イメージとしてグラデーションを設定したいのですが、表示されません。古典的な境界線を設定すると、グラデーションが古典的な div に設定されている場合と同様に機能します。
ここに私のHTMLがあります:
<table id="foo">
<thead>
<tr>
<td>Header</td>
</tr>
</thead>
<tbody>
<tr>
<td>link</td>
</tr>
</tbody>
</table>
関連する CSS は次のとおりです。
#foo {
border-collapse: collapse;
}
#foo thead {
border-image: -webkit-linear-gradient(left, transparent,black, transparent) 0 0 1 0 stretch;
border-bottom-width: 1px;
}
ボーダーも設定しようとしました#foo thead tr
が、どちらも機能しません。