.net - 需要带有一些外部边框和不同内部边框的gridview(.net Web应用程序)

我想要一个带有红色外部边框和蓝色内部分隔线的gridview，并使用以下标记/ css:

<asp:GridView runat="server" ID="entries" CssClass="grid" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Id" HeaderText="Id" />
        <asp:BoundField DataField="Name" HeaderText="Name" />
    </Columns>
 </asp:GridView>

.grid
{
border: solid 1px Red !important;
}

.grid td
{
border: solid 1px Blue;
}

但是结果是只有标题行具有红色外边界，而其他则没有。
我也以相同的方式尝试了RowStyle，但没有成功。
在IE 9，Chrome中进行了测试。

最佳答案

更新

我明白了，试试看:

.grid { border: solid 1px Red; }
.grid td { border-top:solid 1px blue; }
.grid th { border-top:solid 1px red !important; }
.grid th.first { border-right:solid 1px blue !important; }
.grid th.last { border-left:solid 1px blue !important; }
.grid td.first { border-right:solid 1px blue !important; }
.grid td.last { border-left:solid 1px blue !important; }


<asp:BoundField DataField="Id" HeaderText="Id" HeaderStyle-CssClass="first" ItemStyle-CssClass="first" />

<asp:BoundField DataField="Name" HeaderText="Name" HeaderStyle-CssClass="last" ItemStyle-CssClass="last" />

经过IE9测试。

如果要添加边界域，请在没有cssclass的第一个和最后一个之间添加边界域。

第一个和最后一个边界域必须具有.first和.last cssclass。

关于.net - 需要带有一些外部边框和不同内部边框的gridview(.net Web应用程序)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9001912/