zoukankan      html  css  js  c++  java
  • GridView CSS的样式表

    2008-08-19 16:36

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

    <style type="text/css">
                        .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;
                    }
        </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>

  • 相关阅读:
    grep命令、sed 命令 、awk命令、uniq命令
    正则表达式学习(python之re模块)
    linux目录结构
    shell之find命令详解
    shell之 ps、kill、killall命令详解
    linux用户及权限
    C#中数据类型char*,const char*和string的三者转换
    C#中通过SendARP读取MAC地址
    C#对字典Dictionary 的添加,遍历,移除系列操作
    CMD命令行实现复制一张图片1000份:
  • 原文地址:https://www.cnblogs.com/ly5201314/p/1331923.html
Copyright © 2011-2022 走看看