打印

[教程] 让IE6显示<tr>的 border 的小窍门

不知道大家有没有碰到过这样的问题:

IE6显示不出<tr></tr>的border-bottom(或border-top)。

我就碰到了,怎么办呢?我google了一下,发现有个仁兄是这么解决的:

table {border-collapse:collapse}
td {border-bottom:1px solid #0f0}

恩,这确实能在很多情况下达到跟
tr {border-bottom:1px solid #0f0;}
一样的效果。

可是我不幸需要
table {border-collapse:separate}

怎么办呢?后来我在下面加了一个1px高的空行:

<tr style="height:1px;background:#0f0">
<td colspan="N(N取决于你的列数)"></td>
</tr>

哈哈,搞定!

希望这两个小窍门能对你起到作用。
tr也支持border?
在迷茫中前进...
不光 tr 支持 border,tbody,thead 啥的也支持 border,前提是 table 的 border-collapse: collapse。
当然,IE 是自然不支持的。
http://old9.blogsome.com 已被 GFW 封锁