TR级别样式
TR级别样式
提问于 2011-07-04 18:31:08
我有一个table，我想要在tr级别的样式。如果我将样式直接应用于tr，则这在IE7上不起作用。
设计table样式的最好方法是什么?这样我在所有行上都有一条线，但在最上面或最下面没有线。
所以基本上，这个表应该是这样的
col1 col2 col3
--------------
col1 col2 col3
--------------
col1 col2 col3
--------------
col1 col2 col3回答 5
Stack Overflow用户
回答已采纳
发布于 2011-07-04 18:38:23
以一种与IE7兼容的方式，您可以在没有:last-child选择器的情况下完成此操作。当然，如果没有JavaScript：
table tr + tr td {
border-top: 1px black solid;
}实际上，您正在使用顶部边框来绘制一条线，这利用了tr + tr选择器将匹配除第一行之外的所有行这一事实。
。
Stack Overflow用户
发布于 2011-07-04 18:33:50
要在每行的底部获得边框，请执行以下操作：
table tr td {
border-bottom: 1px solid #000;
}然后，您需要使用一些javascript来更改最后一个的样式，或者使用IE6/7可能不支持的css
table tr:last-child td {
border-bottom: none;
}示例：http://jsbin.com/ezolur
Stack Overflow用户
发布于 2011-07-04 18:35:52
使用CSS2选择器：
table#mytable tr{
border-bottom:1px solid black;
}
table#mytable tr:last-child{
border-bottom:none;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6570250
复制相关文章
相似问题
腾讯云开发者
