【问题标题】:row border color行边框颜色
【发布时间】:2011-07-14 09:38:44
【问题描述】:

我想将<tr> 的边框设置为黄色。我可以设置<td> 的边框,但不知道如何设置行<tr> 的边框。 如何做到这一点?

谢谢。

【问题讨论】:

标签: html css


【解决方案1】:

我在没有 css 的情况下做到了。

<TR BORDERCOLOR="RED" BGCOLOR ="PINK">output

适用于 IE,但不适用于 firefox、chrome 甚至 edge。

【讨论】:

    【解决方案2】:

    确实工作,并且符合规范。
    问题是边界崩溃了,你没想到。

    根据规范,td 的边框往往会超过 tr 的边框:
    http://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution

    【讨论】:

      【解决方案3】:

      This example 在 IE8、Chrome 9 和 Firefox 3.6 上运行良好,所以我真的看不出有什么问题。

      示例中使用的 HTML:

      <table>
          <tr>
              <td>AAA</td>
              <td class="middle">BBB</td>
              <td>CCC</td>
          </tr>
      </table>
      

      CSS:

      .middle { border: 2px solid blue; }
      tr { border: 2px solid red; }
      

      结果:

      【讨论】:

      • 优秀!谢谢,影子巫师。
      【解决方案4】:

      我不能,即使 css 规范 (http://www.w3.org/TR/CSS2/box.html#border-properties) 明确表示边框和边框颜色可以应用于“所有元素”。虽然可能是因为

      可能不属于盒子模型;我不确定。

      无论如何,这是一个违反直觉、看起来很疯狂、导致页面膨胀的皮塔饼。

      必须有比为每个表格单元格加边框更好的解决方案,这就是我最终要做的。

      --皮特

      【讨论】:

      • 我认为你错了。 TR 元素确实接受边框。
      【解决方案5】:

      为 tr 元素写一个 CSS 规则?像 tr {border: ...} 你试过这个但它不起作用吗?首先使用 W3C 标记验证器验证您的 HTML 代码,如果有任何指示,请解决错误。

      【讨论】:

        猜你喜欢
        • 2010-12-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-12-18
        • 1970-01-01
        • 2017-08-08
        相关资源
        最近更新 更多