css 控制 GridView 样式代码,Css代码库,德仔网

代码语言

代码分类

【Css】 css 控制 GridView 样式

作者:zhouljsh / 发布于2016/1/8/ 701


	net中 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&ecirc;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;

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　GridView　

同语言下

可能有用的

zhouljsh贡献的其它代码(13)