行边框颜色

时间:2011-03-13 09:48:20

标签: html css

我想将<tr>的边框设置为黄色。我可以设置<td>的边框,但无法确定如何设置行<tr>的边框。 怎么做?

感谢。

5 个答案:

答案 0 :(得分:11)

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; }

结果:
enter image description here

答案 1 :(得分:4)

不能,ime,尽管css spec(http://www.w3.org/TR/CSS2/box.html#border-properties)明确地说边框和边框颜色可以应用于“所有元素”。虽然可能是因为&lt; table&gt;可能不属于盒子模型;我不确定这一点。

无论如何,这是一个反直觉的,看似疯狂的,页面膨胀的皮塔饼。

必须有比接近每个表格单元更好的解决方案,这就是我最终要做的事情。

- 皮特

答案 2 :(得分:4)

确实工作,并按规格 问题是边界崩溃了,你没想到。

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

答案 3 :(得分:-1)

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

答案 4 :(得分:-2)

我是在没有CSS的情况下完成的。

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

适用于IE,但不适用于Firefox,Chrome甚至是边缘。