桌面边框不会着色

Question

也许我在这里忽略了一些东西，但我无法弄清楚如何为td元素的顶部边框着色。

  table {
    border-collapse:collapse;
  }

  td {
    border: 2px solid #000;
  }

  tr:hover td {
    border-color: #F55;
  }

除了顶部边框没有着色外，它按预期工作。

http://jsfiddle.net/45CSj/

Answer 1

因为您使用 border-collapse: collapse; 而使用border-collapse: separate;并border-spacing设置为0

table {
    border-collapse: separate;
    border-spacing: 0;
}

Demo

Answer 2

这可能有用 -

表{border-collapse：separate; border-spacing：0px}

table td {border：1px solid＃000;}

tr：悬停td {border：1px solid＃F55; }

但这会在单元格/行周围显示双边框。