GridView CSS的样式表

在<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>

GridView CSS的样式表相关推荐

react 组件添加样式_如何通过4个简单的步骤将CSS模块样式表添加到React组件
react 组件添加样式 Let's say you'd like to add a CSS Modules Stylesheet to your project. You can find Crea ...
TABLE 的css的样式表
TABLE 的css的样式表 <script></script> 标签:css it TABLE 的css的样式表 ~~~~~~~~~~~~~~~~~~~~~~~~~~~ ...
css基本样式表_基本的即用型CSS样式
css基本样式表 View demo 查看演示Download Source 下载源 Today we are going to dig a little bit more into process ...
css级联样式表_CSS –级联样式表| 第三部分
css级联样式表 CSS2雄心壮志 (CSS2 ambitions precipitated) To meet the first specification does not cover even ...
css级联样式表_CSS –级联样式表| 第1部分
css级联样式表 CSS –级联样式表 (CSS – Cascading Style Sheets) CSS (Cascading Style Sheets) is a computer langua ...
reset.css 重置样式表
css重置样式表个人整理工作中常用的css重置样式,和一些样式解决方法,并写上了注释, 大家还有什么好的重置样式,或者一些样式解决方案,欢迎留言讨论. html, body {height: 100 ...
css 层叠式样式表（2）
一,样式表分类 (1)内联样式. --优先级最高,代码重复使用最差. (当特殊的样式需要应用到单独某个元素时,可以使用. 直接在相关的标签中使用样式属性.样式属性可以包含任何 CSS 属性.) (2) ...
浅谈CSS重构样式表性能
什么情况下重构结合代码的上下文重构代码会更加的容易.所以,如果是修复bug,或者开发新的功能时用到了已有的代码,觉得有可变动的空间,能更好的为项目所用,重构是最好的选择.顺带的重构不至于会把项目搞乱 ...
CSS——CSS创建样式表
三种插入样式表方法: 外部样式表内部样式表内联样式表外部样式表下面代码放在mystyle.css文件中 hr {color:sienna;} p {margin-left:20px;} bod ...

GridView CSS的样式表

GridView CSS的样式表相关推荐

最新文章

热门文章