如何使用Css样式自定义一个DataGrid的风格

王朝asp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

下面是我写的一个css文件 可以把下面的代码复制到一个写字板里另存为*。css

的文件,例如命名为1024.css

/*---------------------------Datagrid--------------------------------*/

.datagrid

{

font-family: Verdana, Arial, Helvetica, sans-serif;

width :100%;

border :solid 1px blue;

table-layout :fixed ;

border-collapse :separate ;

}

.dg_header

{

font-weight :bold ;

color:#ffffff;

background-color :#4a3c8c;

border :solid 1px red;

}

.dg_alter

{

background-color :#E7E7FF;

border :solid 1px red;

}

.dg_item

{

color :#330099;

background-color:#F7F7F7 ;

border :solid 1px red;

}

.dg_page

{

border :solid 1px red;

}

然后到aspx的文件的Html代码中加入下面一句:

在datagrid的headerStyle中的cssclass属性中写dg_header

ItemStyle中写dg_item 等

就是引用样式表中的dg_header类,这样就可以了,随意设置你想要的样式,只需修改css文件即可

第一次写文章,请大家多多指教

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航