0

ここにいくつかの CSS ルールを適用しようとしているテーブルがあります。境界線の下部と境界線の上部をそれぞれ赤と緑に設定するための CSS ルールがあります。何らかの理由で、border-bottom がすべての TD に表示されるのではなく、最後の TR の TD にのみ表示されます。理由は何でも構いません。

    table{
        border-collapse:collapse;
    }
    table td{
        border-top:solid 4px green;
        border-bottom:solid 2px red;
    }
<table width="500px">
        <tr>
            <td>Computers</td>
            <td>£900</td>
        </tr>
        <tr>
            <td>Laptops</td>
            <td>£600</td>
        </tr>
        <tr>
            <td>Keyboards</td>
            <td>£20</td>
        </tr>
        <tr>
            <td>Hard Drives</td>
            <td>£80</td>
        </tr>
    </table>
4

1 に答える 1

0

ボーダーは重なり合っており、グリーンはレッドの上にあります。border-collapse: separate;代わりにこのセットを修正するにはborder-collapse: collapse;

于 2012-12-17T10:39:15.443 に答える