Css 表行上的上边框和下边框_Css_Css Tables

Css 表行上的上边框和下边框

css

Css 表行上的上边框和下边框,css,css-tables,Css,Css Tables,如何做到这一点？我希望表格中的行的上边框和下边框有不同的颜色。如果我使用display:block，Chrome会正确渲染，但我不知道这样做是否正确。然而，我希望它在IE8中工作，我不知道如何工作我准备了一把用Chrome操作的小提琴：你试过在单元格上而不是在行上加边框吗？另外，除非您使用类作为选择器，否则大多数css规则不会应用于表格单元格。您是否尝试过将边框放在单元格而不是行上？另外，除非使用类作为选择器，否则大多数css规则不会应用于表单元格。这适用于Firefox和IE8： tab

如何做到这一点？我希望表格中的行的上边框和下边框有不同的颜色。如果我使用

display:block

，Chrome会正确渲染，但我不知道这样做是否正确。然而，我希望它在IE8中工作，我不知道如何工作

我准备了一把用Chrome操作的小提琴：

你试过在单元格上而不是在行上加边框吗？

另外，除非您使用类作为选择器，否则大多数css规则不会应用于表格单元格。

您是否尝试过将边框放在单元格而不是行上？

另外，除非使用类作为选择器，否则大多数css规则不会应用于表单元格。

这适用于Firefox和IE8：

table {
    width: 100%;
    border-collapse: separate; /* Not really necessary unless you use normalize.js */
    border-spacing: 0px; /* take out spaces between cells */
}

tr {
    background-color: #ccc;
}

td {
    width: 50%;
    border-top: 1px solid #f00; 
    border-bottom: 1px solid #0f0; /* move spacing to the cell */
}

上面使用的是标准的HTML显示系统，因此它可以在IE8上工作。我有：

将
```
border collapse
```
设置为
```
separate
```
，这样可以防止表格折叠边框，从而绘制每个边框
添加了
```
边框间距
```
设置为
```
0px
```
以删除单元格之间的间距
删除了
```
显示
```
指令，允许将表格显示为表格
将
```
边框
```
指令移动到单元格，而不是行

这适用于Firefox和IE8：

table {
    width: 100%;
    border-collapse: separate; /* Not really necessary unless you use normalize.js */
    border-spacing: 0px; /* take out spaces between cells */
}

tr {
    background-color: #ccc;
}

td {
    width: 50%;
    border-top: 1px solid #f00; 
    border-bottom: 1px solid #0f0; /* move spacing to the cell */
}

上面使用的是标准的HTML显示系统，因此它可以在IE8上工作。我有：

将
```
border collapse
```
设置为
```
separate
```
，这样可以防止表格折叠边框，从而绘制每个边框
添加了
```
边框间距
```
设置为
```
0px
```
以删除单元格之间的间距
删除了
```
显示
```
指令，允许将表格显示为表格
将
```
边框
```
指令移动到单元格，而不是行

谢谢，但我要求在row元素上添加边框的原因是，表格单元格上的左边框和右边框似乎与上边框和下边框重叠。我需要另一种方式。请参见，谢谢，但我要求在row元素上设置边框的原因是，表格单元格上的左边框和右边框似乎与上边框和下边框重叠。我需要另一种方式。请参阅“除非将类用作选择器，否则大多数css规则不会应用于表单元格”不正确。您可以使用内置标记在表上设置任何样式，如果您不想，则无需添加类。“除非将类用作选择器，否则大多数css规则不会应用于表单元格”不正确。您可以使用内置标记在表上设置任何样式，如果不想添加类，则无需添加类。