桌面边框不会着色

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;withborder-spacing设置为0

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

演示