GridView CSS的样式表

来源：互联网发布：高达哪部最好看知乎编辑：程序博客网时间：2024/05/19 23:28

在<head></head>标签中加入一个样式表，并定义它．

                .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;
                }
    </style>

这时一个完整的对gridView的样式表就已经定义完成了．现在来实现它的应用

<asp:GridViewCssClass="GridViewStyle" runat="server">
    <FooterStyle.CssClass="GridViewFooterStyle"/>
    <RowStyle.CssClass="GridViewRowStyle"/>
    <SelectedRowStyle.CssClass="GridViewSelectedRowStyle"/>
    <PagerStyle.CssClass="GridViewPagerStyle"/>
    <AlternatingRowStyle.CssClass="GridViewAlternatingRowStyle"/>
    <HeaderStyle.CssClass="GridViewHeaderStyle"/>
</asp:GridView>

0 1