边框增加了1px

Question

我需要在一个表中实现行选择，但是当我将border: 1px;设置为整行时，它设置在表的左侧，而在右边是1px。

现在有没有人也将其放入桌子内？

谢谢！

table {
  margin: 10px;
  border-collapse: collapse;
}

tr {
  background: lime;
}

tr:first-child + tr {
    border:1px solid red;
}

td {
  padding: 2px 5px;
}

<table>
    <tr><td>item1</td><td>item2</td></tr>
    <tr><td>item3</td><td>item4</td></tr>
    <tr><td>item5</td><td>item6</td></tr>
</table>

Answer 1

将box-shadow与inset一起使用

table {
  margin: 10px;
  border-collapse: collapse;
}

tr {
  background: lime;
}

tr:first-child + tr {
    box-shadow: 0 0 0 2px red inset;
}

td {
  padding: 2px 5px;
}

<table>
    <tr><td>item1</td><td>item2</td></tr>
    <tr><td>item3</td><td>item4</td></tr>
    <tr><td>item5</td><td>item6</td></tr>
</table>