您的位置:首页 > Web前端 > CSS

.net中 css 控制 GridView 样式

2009-09-15 14:06 495 查看
.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;

转载自/article/5145375.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: