0

美しく滑らかな境界線を作成するために、広告の境界線イメージとしてグラデーションを設定したいのですが、表示されません。古典的な境界線を設定すると、グラデーションが古典的な 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が、どちらも機能しません。

4

0 に答える 0