html - 桌面边框不会变色

标签 html css colors border css-tables

也许我在这里忽略了一些东西,但我不知道如何为 td 元素的顶部边框着色。

  table {
    border-collapse:collapse;
  }

  td {
    border: 2px solid #000;
  }

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

它按预期工作,除了顶部边框没有颜色。

http://jsfiddle.net/45CSj/

最佳答案

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

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

Demo

关于html - 桌面边框不会变色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21873876/

相关文章:

javascript - Video.js - 使其能够响应不同尺寸

javascript - 动态添加内容到 HTML 页面

javascript - 我们可以在 css 中使用百分比高度吗?

javascript - 从左到右连续呈现 div 列表,然后从下到上呈现行(通过 CSS/jQuery)

javascript - 向 RGB 颜色混合算法添加额外的十六进制颜色

swift - 有没有一种简单的方法可以识别 Watch Kit 中文本的颜色 - Swift

javascript - jquery 平滑滚动到 div - 奇怪的行为

html - 面包屑标记 - 主页和当前页面?

html - 风格不适用

matlab - 按色调的颜色通过滤镜