GridView CSS Default

最新推荐文章于 2026-06-25 09:51:05 发布

原创最新推荐文章于 2026-06-25 09:51:05 发布 · 541 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css #border #c

ASP.NET 专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了一个用于网页展示的GridView组件的CSS样式配置方案。其中包括表格的基本样式、表头、表尾、交替行颜色以及选择和编辑状态等细节设置。通过这些样式定义，可以实现美观且功能丰富的数据展示效果。

GridView CSS Default

.GridTable
{
    font-size: 10pt;
    font-family: Arial, Helvetica, Sans-Serif;
}
.GridHeader
{
    background-color: #507CD1;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    color: #FFFFFF;
    height: 23px;
}
.GridFooter
{
    background-color: #507CD1;
    height: 23px;
    padding: 2px;
    text-align: left;
}
.GridItem
{
    background-color:#EFF3FB;
    height: 23px;
    padding: 2px;
}
.GridAltItem
{
    background-color: #F5F5F5;
    height: 23px;
    padding: 2px;
}
.GridPager
{
    color: #FF0000;
    background-color: #507CD1;
    text-align: left;
}
.GridSelect
{
    background-color: #D1DDF1;
    height: 23px;
    padding: 2px;
    color: #333333;
}
.GridEdit
{
    background-color: #FFFFCC;
    height: 23px;
    padding: 2px;
}
.DropDown
{
    border: 1px Solid;
    border-color: #D0C39E;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    background-color: #FFFFFF;
}
.TextBox
{
    border: 1px Solid;
    border-color: #D0C39E;
    height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    vertical-align:middle;
}
.Button
{
    border-color: #FFFFFF #218587 #218587 #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #6EC5C6;
}