GridView CSS的样式表

最新推荐文章于 2024-07-25 08:14:42 发布

GoodShot

最新推荐文章于 2024-07-25 08:14:42 发布

阅读量1.4k

点赞数

分类专栏： ASP.NET 文章标签： gridview css 样式

ASP.NET 专栏收录该内容

326 篇文章 2 订阅

订阅专栏

在<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:GridView CssClass="GridViewStyle" runat="server" >
    <FooterStyle. CssClass="GridViewFooterStyle" />
    <RowStyle. CssClass="GridViewRowStyle" />
    <SelectedRowStyle. CssClass="GridViewSelectedRowStyle" />
    <PagerStyle. CssClass="GridViewPagerStyle" />
    <AlternatingRowStyle. CssClass="GridViewAlternatingRowStyle" />
    <HeaderStyle. CssClass="GridViewHeaderStyle" />
</asp:GridView>

GoodShot

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
GridView CSS的样式表

在标签中加入一个样式表，并定义它． .GridViewStyle { border-right: 2px solid #A7A6AA; border-bottom: 2px solid #A7A6AA;
复制链接

扫一扫

专栏目录