DataGrid GridView 隔行换色 鼠标经过改变背景色

<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

posted @ 2011-09-23 15:09  顿金  阅读(171)  评论(0编辑  收藏  举报