在2005中如何用CSS控制gridview?

来源:互联网 发布:哈工大深圳知乎 编辑:程序博客网 时间:2024/05/01 19:09
.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>  
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 眼线留眼泪总是爱花妆怎么办 戴眼镜眼球外凸怎么办 修眉后的眉渣怎么办 内眼线容易晕妆怎么办 手抖不会画眼线怎么办 画眼线眼睛总眨怎么办 画眼线总是晕妆怎么办 眼线笔没用完干了怎么办 新的眼线笔干了怎么办 不涂口红没气色怎么办 眼线笔容易晕妆怎么办 眼线笔老是晕妆怎么办 眼线液老是晕妆怎么办 旋转眼线笔断了怎么办 眼睛去皮以后眉眼距窄怎么办 速写型总是画不准怎么办 速写人物不会打形怎么办 鼻头又圆又大怎么办 耳鸣嘴溃疡眼流泪上火怎么办 孩子看电视总挤眼睛怎么办 小孩老是咳嗽有痰怎么办 长时间看手机眼睛模糊怎么办 长时间看电脑眼睛模糊怎么办 手机玩多了眼睛模糊怎么办 手机看多了眼睛模糊怎么办 孩子玩手机眼睛红怎么办 手机玩多了眼睛红怎么办 手机看久了眼花怎么办 玩手机眼睛近视了怎么办 近视了怎么办30个字 吃了长牙的土豆怎么办 鸡蛋和土豆吃了怎么办 狗狗眼睛流血水怎么办 石粉粘土干了怎么办 樱花针管笔干了怎么办 想学linux不会c语言怎么办 被摩托车排气管烫伤了怎么办 泡泡糖粘在衣服上怎么办 皮卡书屋办卡怎么办 照证件照齐刘海怎么办 哈挺机床卡刀了怎么办