删除单元格间距而不导致边框折叠

发布于 2024-10-02 00:54:04 字数 672 浏览 9 评论 0原文

我只是偶然发现了这个问题，我想不出一个解决方案

，我有一个表格，我希望表格行的顶部和底部边框具有不同的颜色。

如果我简单地执行以下操作，


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 行时，底部边框会覆盖顶部边框，所以我只能看到一个边框


table { border-collapse:collapse; }

有谁知道我该怎么做我的表格行上有两个连接边框？

原文

I just stumbled upon this issue and i can't think of a solution

I have a table in which i want to have the table-rows a top and a bottom border in different colors.

If i simply do the following


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>

I get a spacing between all the cells (which makes sense) but when i add the following CSS line, the bottom border overrules the top border, so i only get to see one border