GridView格式.doc

GridView漂亮的样式
HYPERLINK"http://blog.163.com/sdq_1314/blog/"\l"m=0&t=1&c=fks_084067080082086071080081086095085080087074084094084070080"asp.net技术2010-07-2609:22:23阅读183评论0字号：大中小订阅

<linkhref="StyleSheet.css"rel="stylesheet"type="text/css"/>
<linkhref="GamerGridView.css"rel="stylesheet"type="text/css"/>
StandardGridViewdeclaration:
<asp:GridViewID="GridView1"runat="server"AllowPaging="True"AllowSorting="True"
AutoGenerateColumns="False"CssClass="GridViewStyle"DataKeyNames="CustomerID"DataSourceID="ObjectDataSource1"
GridLines="None">
<Columns>
<!--Yourcolumnshere-->
</Columns>
<FooterStyleCssClass="FooterStyle"/>
<RowStyleCssClass="RowStyle"/>
<EmptyDataRowStyleCssClass="EmptyRowStyle"/>
<PagerStyleCssClass="PagerStyle"/>
<SelectedRowStyleCssClass="SelectedRowStyle"/>
<HeaderStyleCssClass="HeaderStyle"/>
<EditRowStyleCssClass="EditRowStyle"/>
<AlternatingRowStyleCssClass="AltRowStyle"/>
</asp:GridView>

/*GridViewCSSGlassBlackStyle*/
.GridViewStyle
{
font-family:Arial,Sans-Serif;
font-size:small;
table-layout:auto;
border-collapse:collapse;
border:#1d1d1d1pxsolid;
}
/*HeaderandPagerstyles*/
.HeaderStyle
{
background-image:url(Images/HeaderGamer_left.jpg);
background-position:left;
background-repeat:repeat-x;
height:30px;
}
.PagerStyle
{
background-image:url(Images/PagerGamer.jpg);
background-position:top;
background-repeat:repeat-x;
}
.HeaderStyleth
{
padding:0px;
color:#ffffff;
}
.HeaderStylea:link,a:visited
{
text-decoration:none;
color:#ffffff;
display:block;
text-align:left;
font-weight:normal;
border-left:solid1px#666666;
border-right:solid1px#1d1d1d;
padding-top:25px;
padding-bottom:9px;
padding-right:5px;
padding-left:5px;
background-image:url(Images/HeaderGamer.jpg);
background-position:top;
background-repeat:repeat-x;
}
.HeaderStylea:hover
{
background-image:url(Images/HeaderGamer_Hover.jpg);
background-position:top;
background-repeat:repeat-x;
}
.PagerStyletable
{
text-align:center;
margin:auto;
}
.PagerStyletabletd
{
border:0px;
padding:5px;/*paddingaroun