在2005中如何用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;
}

A:active
{
    FONT-SIZE: 9pt;
    COLOR: #ff0000;
    LINE-HEIGHT: 15pt;
    FONT-FAMILY: 宋体;
    TEXT-DECORATION: none;
}

A:hover
{
    FONT-SIZE: 9pt;
    COLOR: #ff0000;
    LINE-HEIGHT: 15pt;
    FONT-FAMILY: 宋体;
    TEXT-DECORATION: none;
}

A.Linkword:link
{
   
    COLOR: blue;
    LINE-HEIGHT: 15pt;
    FONT-FAMILY: 宋体;
    TEXT-DECORATION: underline
}

A.Linkword:visited
{
  
    COLOR: blue;
    LINE-HEIGHT: 15pt;
    FONT-FAMILY: 宋体;
    TEXT-DECORATION: none
}
.a1
{
BACKGROUND-IMAGE:url('../images/title.gif');
COLOR:#000000;
cursor:pointer;
}
.a2{BACKGROUND-COLOR: #C6C3C6;}
.a3{BACKGROUND-COLOR: #FFFFFF;}
.a4{BACKGROUND-COLOR: #EFEFEF;}
TABLE
{
FONT-SIZE: 12px;
border-color:White;
border-bottom-color:White;
border-left-color:White;
border-right-color:White;
border-top-color:White;
font-family: "宋体";
}

TR
{
    FONT-SIZE: 9pt
}

TD
{
    FONT-SIZE: 9pt    
}

BUTTON.button
{
    FONT-SIZE: 9pt;
    HEIGHT: 20px;
    border-style:outset;
    border-width:thick;
}

INPUT
{
    FONT-SIZE: 9pt;
    border-style:groove;
    border-width:thin
}

FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

SELECT
{
    FONT-SIZE: 9pt
}

TEXTAREA
{
    FONT-SIZE: 9pt
}

.ArticleContent
{
FONT-SIZE: 9pt; line-height:200%
}

.white 
{  
font-family: "宋体"; 
font-size: 9pt; 
line-height: 15pt; 
color: #FFFFFF; 
text-decoration: none
}

.black9 
{  
font-family: "宋体"; 
font-size: 9pt; 
line-height: 15pt; 
color: #000000; 
text-decoration: none
}

.gray9 
{  
font-family: "宋体"; 
font-size: 9pt; 
line-height: 15pt; 
color: gray; 
text-decoration: none
}

.black10 
{  
font-family: "宋体"; 
font-size: 10.5pt; 
line-height: 15pt; 
color: #000000; 
text-decoration: none
}

.caption {
font-family: verdana, geneva, helvetica, arial, sans-serif; 
font-size: 11px; 
font-weight: bold;
color: #cc6600;
}

.orangehead 
{
font-family:宋体;
font-size:12pt;
font-weight:bold;
line-height:20pt;
color: #cc6600;
}

a.blacknone {
text-decoration: none;  
color: #000000;
}

a.bluenone:link {
text-decoration: none;
color: #0014A0;
}

a.bluenone:visited {
text-decoration: none;
color: #0014A0;
}

a.purplenone:link {
text-decoration: none;
color: #840084;
}

a.purplenone:visited {
text-decoration: none;
color: #840084;
}

a.whitenone {
text-decoration: none;  
color: #ffffff;
}

a.grey6none {
text-decoration: none;
color: #666666;
}

a.grey9none {
text-decoration: none;
color: #999999;
}

a.orangenone {
text-decoration: none;
color: #cc6600;
}

A.orangenone:visited
{
text-decoration: none;
color: #cc6600;
}

a.orangenone_buynow {
text-decoration: none;
color: #cc6600;
}

a.orangeline {
color: #cc6600;
}

a.blue { font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px} 
a.blue:link{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px} 
a.blue:hover{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
a.blue:visited{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}

input.textfeild 

font-size: 9pt; 
border: #CCCCCC; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}

TEXTAREA.textfeild 

font-size: 9pt; 
border: #CCCCCC; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


.TipMsgDiv {
/*提示信息Div块样式*/
BORDER-RIGHT:#455690 1px solid; 
BORDER-TOP:#a6b4cf 1px solid; 
Z-INDEX:99999; 
LEFT:0px; 
VISIBILITY:hidden; 
BORDER-LEFT:#a6b4cf 1px solid;
WIDTH:180px; 
BORDER-BOTTOM:#455690 1px solid; 
POSITION:absolute;
TOP:0px;
HEIGHT:116px;
BACKGROUND-COLOR:#c9d3f3;
}

.TipMsgTbl {
/*提示信息Table样式*/
 BORDER-TOP:#ffffff 1px solid;
 BORDER-LEFT:#ffffff 1px solid;
 }
.TipMsgTopTd {
/*提示信息上面一行Td样式*/
 BACKGROUND-IMAGE:url(../images/TipMsgTopBg.gif);
 PADDING-RIGHT:1px;
 PADDING-BOTTOM:1px;
 font-size:9pt;
 }

.TipMsgBottomTd {
/*提示信息Td样式*/
 BACKGROUND-IMAGE:url(../images/TipMsgBottomBg.jpg);
 PADDING-RIGHT:1px;
 PADDING-BOTTOM:1px;
 }

.TipMsgInfDiv {
/*提示信息内容Div块样式*/
BORDER-RIGHT: #b9c9ef 1px solid;
PADDING-RIGHT: 13px;
BORDER-TOP: #728eb8 1px solid;
PADDING-LEFT: 13px;
FONT-SIZE: 9pt;
PADDING-BOTTOM: 13px;
BORDER-LEFT: #728eb8 1px solid;
WIDTH: 100%;
HEIGHT: 100%;
COLOR: #1f336b;
PADDING-TOP: 18px;
BORDER-BOTTOM: #b9c9ef 1px solid;
}

.EG_HeaderCSS{
/*DataGrid页眉*/
background-color: RGB(119,169,201);
font-size: 9pt;
font-family:宋体;
color:Black;
font-weight: bold;
height:15px;
}

.EG_ItemCSS{
/*DataGrid奇数行*/
background-color: RGB(255,255,255);
height:15px;
font-size:9pt;
color:#000000;
}

.EG_AlternatingItemCSS{
/*DataGrid偶数行*/
background-color: #F3F3F3;
height:15px;
font-size:9pt;
color:#000000;
}

.EG_FooterCSS{
/*DataGrid最后一行*/
background-color: #990000;
font-weight: bold;
color: white;
height:20px;
font-size:9pt;
}
input,textarea{
background-color: #ffffff;
color: #666666; 
font-family: tahoma; 
font-size: 12px; 
border:solid 1px #666666; 
}
.GridAltItem
{
    background-color: #e7e9ed;
}
.GridSelectedItem
{
    background-color:#FF6633;
}
.GridItem
{
font-size: 9pt;
color: #000000;
    background-color: #ffffff;
    font-family:宋体;
}
.GridHeader
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    background-color: #006699;
    font-family:宋体;
    text-align: center;
    padding: 4px 4px 4px 4px;
    border-collapse:collapse; 
    border-width:1px;
}
.Button
{
font-size: 9pt;
color: black;
font-family:宋体;
}
.PageTitle
{
font-weight: bold;
font-size: 11pt;
color: #004080;
font-family:宋体;
}
.PageTitle1

{
font-weight: bold;
font-size: 11pt;
color:Yellow;
font-family:宋体;
}
.PageTitle3
{
font-weight: bold;
font-size: 10pt;
color: #ffffff;
font-family:宋体;
}
.InfoHeader
{
font-weight: bold;
font-size: 10pt;
color: #ffffff;
background-color: #004080;
font-family:宋体;
}
.ErrorMsg
{
font-size: 9pt;
color:red;
font-family:宋体;
}
.ErrorBlueT
{
font-size: 9pt;
color:#004080;
font-family:宋体;
}
.ErrorMsgBg
{
font-size: 9pt;
color:red;
font-family:宋体;
font-weight: bold;
}
.MenuWhite
{
font-size: 9pt;
color:White;
font-family:宋体;
font-weight: bold;
}

.colorfocus {
border: 1px #0099CC double;
background-color: #FFFF99;
padding:1px 1px 1px 1px;
}
.colorblur {
border: 1px #000000 double;
background-color: #ffffff;
}


--------------------------------------------------------

<asp:GridView CssClass="GridViewStyle" runat="server" >
    <FooterStyle CssClass="EG_FooterCSS" />
    <RowStyle CssClass="EG_ItemCSS" />   
    <SelectedRowStyle CssClass="GridSelectedItem" />    
    <AlternatingRowStyle CssClass="EG_AlternatingItemCSS" />
    <HeaderStyle CssClass="EG_HeaderCSS" />
</asp:GridView>  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值