html gridview_美化表格的css样式

html gridview_美化表格的css样式net中css控制GridView样式.GridViewStyle{       border-right: 2px solid #A7A6AA;    border-bottom: 2px solid #A7A6AA;    border-left: 2px solid white;    border-top: 2px solid whit

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用
net中 css 控制 GridView 样式


.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;

}

—————————————————–

Atributos de estilo no 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>

—————————————————

Referência ao arquivo de estilo a ser colocada na tag HEADER

—————————————————-

<link href=”estilos.css” type=”text/css” rel=”Stylesheet” rev=”Stylesheet” />

——————————————————–

先给你个.css 文件 你保存 在页面引用

BODY

{    

color: #000000;

FONT-FAMILY:  “Verdana”, “Arial”, “Helvetica”, “sans-serif”;

line-height: 125%;

    margin-bottom:0px;

    margin-left:0px;

    margin-right:0px;

    margin-top:0px;        

    font-size: 9pt;

background-color:White;

    font-size:9pt;

    text-align:center; 

    height:100%;

}

A.sort

{

    FONT-SIZE: 10.2pt;

    COLOR: white;

    TEXT-DECORATION: none

}

A:link

{

font-size: 9pt;

color: #006699;

line-height: 15pt;

font-family: 宋体;

text-decoration: underline;

}

A:visited

{

    FONT-SIZE: 9pt;

    COLOR: #006699;

    LINE-HEIGHT: 15pt;

    FONT-FAMILY: 宋体;

    TEXT-DECORATION: underline;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/189887.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Jquery实现可拖拽的树菜单「建议收藏」

    Jquery实现可拖拽的树菜单

    2022年2月5日
    40
  • Cover Letter 写作技巧[通俗易懂]

    Cover Letter 写作技巧[通俗易懂]CoverLetter写作技巧本文由清新电源原创,作者,转载请申请并注明出处:http://www.sztspi.com/archives/199096.html-by刘田宇老师感谢刘田宇老师的分享,致敬!觉得有用的话,欢迎一起讨论相互学习~投稿信(CoverLetter)是向学术科技期刊投稿时不可或缺的材料。往往只有一页的投稿信却能很大程度地决定稿件的“生死”。投稿信的…

    2022年4月29日
    90
  • vue 双向绑定原理及依赖搜集的过程「建议收藏」

    vue 双向绑定原理及依赖搜集的过程「建议收藏」双向数据绑定机制:官方:vue是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发响应的监听回调。第一步:需要observer的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter,这样的话,给这个对象的某个值赋值,就会触发setter,那么就能监听到了数据变化第二步:compile解析模板令,将模板中的变量替换成数据.然后初始化渲染页面视图,并将每个令对

    2022年10月17日
    0
  • Spring Boot2.0迁移概括

    Spring Boot2.0迁移概括首先,SpringBoot2.0需要Java8或更高版本。不再支持Java6和7了。在SpringBoot2.0中,许多配置属性被重新命名/删除,开发人员需要更新application.properties/application.yml相应的配置。为了帮助你解决这一问题,SpringBoot发布了一个新spring-boot-properties-migr…

    2022年5月27日
    62
  • PHP编码规范及建议

    PHP编码规范及建议

    2021年10月10日
    38
  • CDN实现原理_快照技术的实现原理

    CDN实现原理_快照技术的实现原理CDN技术详解一本好的入门书是带你进入陌生领域的明灯,《CDN技术详解》绝对是带你进入CDN行业的那盏最亮的明灯。因此,虽然只是纯粹的重点抄录,我也要把《CDN技术详解》的精华放上网。公诸同好。第

    2022年8月3日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号