Code
.GridViewStyle
{
border-right: 2px solid #A7A6AA;
border-bottom: 2px solid #A7A6AA;
border-left: 2px solid white;
border-top: 2px solid white;
padding: 4px;
}
.GridViewStyle a
{
color: #FFFFFF;
}
.GridViewHeaderStyle th
{
border-left: 1px solid #EBE9ED;
border-right: 1px solid #EBE9ED;
}
.GridViewHeaderStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}
.GridViewFooterStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}
.GridViewRowStyle
{
background-color: #F7F6F3;
color: #333333;
}
.GridViewAlternatingRowStyle
{
background-color: #FFFFFF;
color: #284775;
}
.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
border: 1px solid #EBE9ED;
}
.GridViewSelectedRowStyle
{
background-color: #E2DED6;
font-weight: bold;
color: #333333;
}
.GridViewPagerStyle
{
background-color: #284775;
color: #FFFFFF;
}
.GridViewPagerStyle table /**//* to center the paging links*/
{
margin: 0 auto 0 auto;
}
以下为使用示例: 关键部分
.GridViewStyle
{
border-right: 2px solid #A7A6AA;
border-bottom: 2px solid #A7A6AA;
border-left: 2px solid white;
border-top: 2px solid white;
padding: 4px;
}
.GridViewStyle a
{
color: #FFFFFF;
}
.GridViewHeaderStyle th
{
border-left: 1px solid #EBE9ED;
border-right: 1px solid #EBE9ED;
}
.GridViewHeaderStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}
.GridViewFooterStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}
.GridViewRowStyle
{
background-color: #F7F6F3;
color: #333333;
}
.GridViewAlternatingRowStyle
{
background-color: #FFFFFF;
color: #284775;
}
.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
border: 1px solid #EBE9ED;
}
.GridViewSelectedRowStyle
{
background-color: #E2DED6;
font-weight: bold;
color: #333333;
}
.GridViewPagerStyle
{
background-color: #284775;
color: #FFFFFF;
}
.GridViewPagerStyle table /**//* to center the paging links*/
{
margin: 0 auto 0 auto;
}
<
asp:GridView
CssClass
="GridViewStyle"
runat
="server"
>
< FooterStyle CssClass ="GridViewFooterStyle" />
< RowStyle CssClass ="GridViewRowStyle" />
< SelectedRowStyle CssClass ="GridViewSelectedRowStyle" />
< PagerStyle CssClass ="GridViewPagerStyle" />
< AlternatingRowStyle CssClass ="GridViewAlternatingRowStyle" />
< HeaderStyle CssClass ="GridViewHeaderStyle" />
</ asp:GridView >
< FooterStyle CssClass ="GridViewFooterStyle" />
< RowStyle CssClass ="GridViewRowStyle" />
< SelectedRowStyle CssClass ="GridViewSelectedRowStyle" />
< PagerStyle CssClass ="GridViewPagerStyle" />
< AlternatingRowStyle CssClass ="GridViewAlternatingRowStyle" />
< HeaderStyle CssClass ="GridViewHeaderStyle" />
</ asp:GridView >