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)
上一篇 2026年3月6日 下午7:15
下一篇 2026年3月6日 下午7:43


相关推荐

发表回复

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

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