GridView CSS 样式表 （蓝色朴素）

GridView CSS 样式表 （蓝色朴素）

<style type="text/css">

.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

{

    margin: 0 auto 0 auto;

}

</style>

    <asp:GridView ID="gv1" runat="server" CssClass="GridViewStyle">

        <FooterStyle CssClass="GridViewFooterStyle"/>

        <RowStyle CssClass="GridViewRowStyle"/>   

        <SelectedRowStyle CssClass="GridViewSelectedRowStyle"/>

        <PagerStyle CssClass="GridViewPagerStyle"/>

        <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle"/>

        <HeaderStyle CssClass="GridViewHeaderStyle"/>

    </asp:GridView>