GridView边框样式简单美化

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

转载最新推荐文章于 2026-05-14 05:25:09 发布 · 1.4k 阅读

2 ·

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

原文链接：http://www.cnblogs.com/flying19880517/archive/2009/08/17/MakeGridViewBorderBeautiful.html

标签

#javascript #移动开发 #ViewUI

收录于

本文介绍了一种通过CSS美化ASP.NET中GridView控件边框的方法。使用特定的类名来为table元素及其th和td标签设置统一且美观的样式。

主要就是这一句：.Grid th和.Grid td，将会给class="Grid"的table中的th和td标签应用样式，而GridView生成的HTML代码是Table，这样就解决了GridView的边框问题。
GridView添加CssClass="Grid"属性，样式表如下：

<style type="text/css">
    .Grid
    {
        border-collapse: collapse;
        border: solid 1px #93c2f1;
        width: 98%;
        font-size: 10pt;
    }
    .Grid td
    {
        border-collapse: collapse;
        border: solid 1px #93c2f1;
        font-size: 10pt;
    }
    .Grid th
    {
        border-collapse: collapse;
        border: solid 1px #93c2f1;
        font-size: 10pt;
        background-color: #e4f6ff;
    }
</style>