DataGrid GridView 隔行换色 鼠标经过改变背景色
2011-09-23 15:09
302 查看
<style type="text/css">
.gridview
{
border:0;
background-color:#ccc;/*网格颜色*/
}
.gridview th
{
border: 0;
background-color:#eee;
line-height:200%;
}
.gridview tr
{
background-color:White
}
.gridview td
{
padding: 6px 4px;
border:0;
}
.gridview .dgItem:hover
{
background-color:#f4fc6e;
}
.gridview .dgAlter
{
background-color: #f0f8ff;
}
.gridview .dgAlter:hover
{
background-color:#f4fc6e;
}
</style>
<asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False" CssClass="gridview " CellPadding="2" CellSpacing="1" GridLines="None" AlternatingItemStyle-CssClass="dgAlter">
<ItemStyle CssClass="dgItem" />
<Columns>
...
</Columns>
</asp:DataGrid>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="gridview" CellPadding="2" CellSpacing="1" GridLines="None" AlternatingRowStyle-CssClass="dgAlter">
<RowStyle CssClass="dgItem" />
<Columns>
...
</Columns>
</asp:GridView>
转载请注明出处:http://blog.csdn.net/dasihg/article/details/6804004
.gridview
{
border:0;
background-color:#ccc;/*网格颜色*/
}
.gridview th
{
border: 0;
background-color:#eee;
line-height:200%;
}
.gridview tr
{
background-color:White
}
.gridview td
{
padding: 6px 4px;
border:0;
}
.gridview .dgItem:hover
{
background-color:#f4fc6e;
}
.gridview .dgAlter
{
background-color: #f0f8ff;
}
.gridview .dgAlter:hover
{
background-color:#f4fc6e;
}
</style>
<asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False" CssClass="gridview " CellPadding="2" CellSpacing="1" GridLines="None" AlternatingItemStyle-CssClass="dgAlter">
<ItemStyle CssClass="dgItem" />
<Columns>
...
</Columns>
</asp:DataGrid>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="gridview" CellPadding="2" CellSpacing="1" GridLines="None" AlternatingRowStyle-CssClass="dgAlter">
<RowStyle CssClass="dgItem" />
<Columns>
...
</Columns>
</asp:GridView>
转载请注明出处:http://blog.csdn.net/dasihg/article/details/6804004
相关文章推荐
- DataGrid GridView 隔行换色 鼠标经过改变背景色
- AspXGridView鼠标经过改变行背景色与自定义列显示内容
- 如何使鼠标经过datagrid的列时,该列背景色改变
- jsp制作复合表头并循环产生表格内容,控制隔行变色、鼠标经过改变背景色等操作
- AspXGridView鼠标经过如果改变行背景色
- 鼠标经过GridView的行改变行颜色
- javascript鼠标经过背景色和字体颜色改变
- datagrid 移动鼠标时背景色改变
- [GridView应用技巧]让鼠标移动到哪行改变背景色
- gridview repeater DataList 鼠标经过改变背景颜色
- 鼠标移到GridView某一行时改变该行的背景色方法一
- 当鼠标移到DataGrid(2003.net)、GridView(2005.net)行时,改变样式
- gridview鼠标经过行换色代码
- 鼠标移到GridView某一行时改变该行的背景色方法一
- 扩展GridView控件(1) - 鼠标经过行时改变行的样式
- 鼠标移到GridView某一行时改变该行的背景色方法
- 鼠标放在及离开gridview或table中单元格时背景色改变
- GridView里的一点小功能:截取多余字符、改变鼠标经过行的样式
- 鼠标移到GridView某一行时改变该行的背景色方法
- 扩展GridView控件(1) - 鼠标经过行时改变行的样式