DataList绑定数据的问题

Question

像这样前3行和后7行对应的背景不同是怎么实现的呢？我用的是DataList（当然也可用别的）

Answer 1

<asp:Repeater ID="repeater1" runat="server">
    <HeaderTemplate>
         <table width="790px" border="0" id="tables" cellspacing="0" cellpadding="0">
            <tr style="background: #e4eaee">
                <td width="20px">
                    &nbsp;
                </td>
            </tr>
             </HeaderTemplate>
             <ItemTemplate>
               <tr class='<%# Container.ItemIndex<=3?"样式一":"样式二" %>'>
                <td width="20px">
                    &nbsp;
                </td>
            </tr>
             </ItemTemplate>
          <FooterTemplate>                              
          </table>
          </FooterTemplate>
    </asp:Repeater>

Answer 2

<span class='<%#Eval("Color")%>'><%#Eval("ID")%></span>[<span><%#Eval("TypeName")%></span>]-<a href='<%#Eval("id","***.aspx?id={0}")%>'><%#Eval("Title")%></a>