Gridview很漂亮的样式

 

不好意思..借用借用,拿出来晒下



<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;

}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值