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