也许我在这里忽略了一些东西,但我无法弄清楚如何为td元素的顶部边框着色。
table {
border-collapse:collapse;
}
td {
border: 2px solid #000;
}
tr:hover td {
border-color: #F55;
}
除了顶部边框没有着色外,它按预期工作。
答案 0 :(得分:4)
因为您使用 而使用border-collapse: collapse;
border-collapse: separate;
并border-spacing
设置为0
table {
border-collapse: separate;
border-spacing: 0;
}
答案 1 :(得分:1)
这可能有用 -
表{border-collapse:separate; border-spacing:0px}
table td {border:1px solid#000;}
tr:悬停td {border:1px solid#F55; }
但这会在单元格/行周围显示双边框。