Gridview很漂亮的样式_ASP.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程

<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<link href="GamerGridView.css" rel="stylesheet" type="text/css" />

Standard GridView declaration:

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True"
            AutoGenerateColumns="False" CssClass="GridViewStyle" DataKeyNames="CustomerID" DataSourceID="ObjectDataSource1"
            GridLines="None">
            <Columns>
                <!-- Your columns here -->

 
            </Columns>
            <FooterStyle CssClass="FooterStyle" />
            <RowStyle CssClass="RowStyle" />
            <EmptyDataRowStyle CssClass="EmptyRowStyle" />
            <PagerStyle CssClass="PagerStyle" />
            <SelectedRowStyle CssClass="SelectedRowStyle" />
            <HeaderStyle CssClass="HeaderStyle" />
            <EditRowStyle CssClass="EditRowStyle" />
            <AlternatingRowStyle CssClass="AltRowStyle" />
        </asp:GridView>
 
/*GridViewCSS Glass Black Style*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border: #1d1d1d 1px solid;
}
/*Header and Pager styles*/
.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;
}
.HeaderStyle th
{
    padding: 0px;
    color: #ffffff;
}
.HeaderStyle a:link, a:visited
{
    text-decoration:none;
    color:#ffffff;
    display:block;
    text-align:left;
    font-weight:normal;
    border-left:solid 1px #666666;
    border-right:solid 1px #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;
}
.HeaderStyle a:hover
{
    background-image: url(Images/HeaderGamer_Hover.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;/*padding around pager numbers */
}
.PagerStyle td
{
    border-top: #1d1d1d 1px solid;/*top border of pager*/
    height:40px;
}
.PagerStyle a
{
    color:#ffffff;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    /*border around pager numbers*/
    border-top:solid 1px #777777;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    border-left:solid 1px #777777;
}
.PagerStyle span
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #1d1d1d;
}
.RowStyle td
{
    background-color: #333333;
    color: #ffffff;
}
.AltRowStyle td
{
    background-color: #1d1d1d;
    color:#ffffff;
}
.SelectedRowStyle td
{
    background-color: #ffff66;
}

(责任编辑：admin)

GridView中DataKeyNames存储数据键值	Gridview绑定一个数据库中的表,对其一列进行超链接
Repeater中使用CheckBox完成全选	RadioButton控件分组
遍历Gridview foreach	用Repeater实现GridView编辑模版的效果
当Asp.Net验证控件遇到FCKeditor	DataList CheckBox多选删除时处理方法
ASPxGridView之ASPxGridViewExporter	DataList嵌套DataList(使用DataRelation实现纯代码)
AspxGridView中全选、超链、打开窗口、文本编辑器	AspxTreeList的用法
AspNetPager为DataList分页	将DataGrid升级到GridView的具体方法
asp.net导出Excel/Csv格式数据最优方案(C#)	datalist分页
Dropdownlist在新窗口打开页面	DevExpress Asp.net ASPxTreeList的基本使用之一

ASP.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程

热门标签

Gridview很漂亮的样式

Tags：GridView