Вопросы Теги

Цвет границы таблицы в CSS со свертыванием границы

Я хочу поместить строку над некоторым полем в таблице, чтобы указать, что это сумма вышеуказанных значений. Однако по умолчанию таблица уже имеет границы.

Вот пример: у меня таблица с рамками свернута. Я установил нижнюю границу для одного поля и верхнюю границу в поле под ним. Оба они указывают одну и ту же границу. Используется CSS для верхнего. Есть ли способ использовать нижнюю? ​​

<html>
    <head>
        <style type="text/css">
            table { border-collapse: collapse; }
            td.first { border-bottom: solid red 1px; }
            td.second { border-top: solid gold 1px; }
        </style>

    <body>
        <table>
            <tr><td class="first">Hello</td></tr>
            <tr><td class="second">World</td></tr>
        </table>
    </body>
</html>

Здесь показаны две ячейки с красной линией между ними. Есть ли способ получить золотую линию?

32
задан Josh Unger 1 June 2019 в 18:25
поделиться