1

我需要仅使用 CSS 调整表格（除了在需要的地方添加类名之外，不能更改 HTML。）

tr我想在我已分配类的顶部添加一个白色边框.rowOne。或者，添加边距也可以工作，因为我的页面背景是白色的，所以只有一个边距会产生与白色相同的结果border-top

由于某种原因，我应用于rowOne该类的任何 CSS 都不起作用。

JS Fiddle 显示问题

CSS 为.rowOne

table .rowOne{
    border-top:8px solid #fff;
}

有什么理由这不起作用？如何设置此行的样式以使其具有间隙/边框/边距？

4

3 回答 3

1 
table .rowOne td {
    border-top:8px solid #fff;
}

这似乎有效，不知道为什么它不能直接在 tr 上工作。此外，您正在使用一堆已弃用的属性，您应该在此处咨询一些信息：https ://developer.mozilla.org/en-US/docs/HTML/Element/table

于 2013-03-11T13:35:48.697 回答
0

如果您在表格中添加边框折叠似乎会有所帮助，但可能会有我没有想到的副作用。 

table.deliveryTbl
{
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color:transparent;
    width:100%;
    border-collapse: collapse;
}
于 2013-03-11T13:57:47.473 回答
0

边界有效，只是你看不到它，因为它在第一个 tr 下。

您需要做的是为 tr 设置一个 float 属性。

就像是。

table.deliveryTbl tr {

    float: left;   

}
于 2013-03-11T13:48:26.523 回答