Retire cellspacing sin borde del colapso

Question

Me tropecé con este tema y no puedo pensar en una solución

Tengo una tabla en la que quiero tener las filas de mesa una parte superior y un borde inferior en diferentes colores.

Si yo simplemente lo siguiente

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>

Me conseguir una separación entre todas las células (que tiene sentido), pero cuando agrego la siguiente línea de CSS, el borde inferior anula el borde superior, por lo que sólo consigo ver una frontera

table { border-collapse:collapse; }

¿Alguien sabe cómo puedo conseguir dos conexión raya en mis filas de la tabla?

Answer 1

Parece que usted está buscando espaciado de borde .

Answer 2

no he probado, pero trata de esto:

cellspacing: 0

http://www.w3schools.com/tags/att_table_cellspacing.asp para más información. Y no colapsar sus fronteras.