.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
{
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
相关文章推荐
- .net中用css控制GridView样式
- .net中用css控制GridView样式
- .net中用css控制GridView样式
- net中 css 控制 GridView 样式
- Gridview样式的CSS控制
- 教你如何用CSS来控制网页字体的显示样式
- css 样式控制文字长度,超出的以省略号代替
- 使用css 控制GridView显示出来的数据
- 巧用CSS解决asp.net中Gridview边框样式问题
- CSS控制print打印样式
- 【学习DIV+CSS】2. 学习CSS(一)--CSS控制页面样式
- css 控制鼠标显示样式
- css 控制鼠标显示样式示例
- 用JS控制CSS基本样式
- 使用CSS控制超链接样式的注意事项
- CSS制作网页实例:用CSS控制li标记样式
- CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
- CSS list-style修改列表属性控制li标签样式
- CSS动态控制页面中较长的字符串样式
- GridView的一些控制样式显示的小技巧(合并列的显示,DataFormatingString的控制)