Удалить клеточное пространство без бордюр-коллапса

Question

Я только что наткнулся на эту проблему, и я не могу придумать решение

У меня есть таблица, в которой я хочу, чтобы строки таблицы имели верхнюю и нижнюю границу разных цветов.

Если я просто сделаю следующее

table tr { border-top:solid 1px #201e1f;border-bottom:solid 1px black; }

[..]

<table>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
</table>

Я получаю интервал между всеми ячейками (что имеет смысл), но когда я добавляю следующую строку CSS, нижняя граница перекрывает верхнюю границу, поэтому я вижу только одну границу

<code>
table { border-collapse:collapse; }

Кто-нибудь знает, как я могу получить две , соединяющие границы в строках моей таблицы?

Answer 1

Я не проверял, но попробуйте это:

cellspacing: 0

См. http://www.w3schools.com/tags/att_table_cellspacing.asp для получения дополнительной информации. И не разрушай свои границы.

Answer 2

звучит так, как будто вы ищете интервал границы .