html - 是否有可能以某种方式在表格行周围设置边框？

Question

我正在尝试在特定表格行周围添加边框，当鼠标进入该行时它会改变颜色。但是，除非使用 border-collapse:collapse; 否则我根本看不到边框，但我必须避免 border-collapse，因为在某些情况下边框在左侧、右侧和底部可见，但不在顶部(可能是因为在使用 border-collapse 时我不能有填充/边距)。

有什么办法可以实现吗？

<table style="border-collapse:collapse;">
  <tr style="border:1px solid black">
    <td>Cell_1</td>
    <td>Cell_2</td>
  </tr>
</table>

Answer 1

您可以尝试使用 outline 代替。

tr:hover {
    outline: 1px solid #999;
}

看看:http://jsfiddle.net/dWWkx/3/