GridView 完整CSS

最新推荐文章于 2024-05-14 01:46:08 发布

CZH_friend

最新推荐文章于 2024-05-14 01:46:08 发布

阅读量656

点赞数

分类专栏：应用心得技术日志文章标签： border server asp css

应用心得同时被 2 个专栏收录

2 篇文章

订阅专栏

技术日志

2 篇文章

订阅专栏

本文介绍如何通过CSS自定义ASP.NET中GridView控件的样式，包括行样式、交替行样式、选择行样式等，使数据显示更为美观且具有一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.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 /**//* to center the paging links*/
{...}{
    margin: 0 auto 0 auto;
}
以下为使用示例: 关键部分