C# 使用asp.net交替使用html表格行背景色

C# 使用asp.net交替使用html表格行背景色,c#,html,asp.net,C#,Html,Asp.net,我正在使用asp.net从数据库检索数据。我不想在填充数据时使用Gridview,而是使用html表。我用这种方法成功地从数据库中检索到了数据 下面是HTML代码 <table class="listing" cellpadding="0" cellspacing="0"> <tr> <th>Lastname</th> <th>Firstname</th> <th

我正在使用asp.net从数据库检索数据。我不想在填充数据时使用Gridview,而是使用html表。我用这种方法成功地从数据库中检索到了数据

下面是HTML代码

<table class="listing" cellpadding="0" cellspacing="0">
    <tr>
        <th>Lastname</th>
        <th>Firstname</th>
        <th>Middlename</th>
        <th>Age</th>
    </tr>

    <%=LoadHtmlTableCustomerData()%> 

 </table>
以及背后的代码

public string LoadHtmlTableCustomerData()
{
    SqlConnection connection = new System.Data.SqlClient.SqlConnection(ConfigurationManager.ConnectionStrings["dbaseconnection"].ConnectionString);
    string HTML = "";
    try
    {
        SqlCommand command = new SqlCommand("SELECT  * FROM tbl_Customers", connection);
        connection.Open();
        SqlDataReader dr = command.ExecuteReader();
        if (dr.HasRows)
        {
            while (dr.Read())
            {
                string lastname = dr[1].ToString();
                string firstname = dr[2].ToString();
                string middlename = dr[3].ToString();
                string age = dr[4].ToString();

                HTML += "<tr><td>" + lastname + "</td><td>" + firstname + "</td><td>" + middlename + "</td><td>" + age + "</td></tr>";
            }
        }
    }
    catch (Exception) { }
    finally { connection.Close(); }
    return HTML;
}
如何做到这一点?示例我想放置第一个tr标记,如tr class='white-row';第二个标记tr class=绿色行。。等等


只是一个交替的行背景色。请帮助我。

对于现代浏览器,您可以使用CSS

tr:nth-child(odd) { background-color: #000; }
tr:nth-child(even) { background-color: #fff; }

对于现代浏览器,您可以使用CSS

tr:nth-child(odd) { background-color: #000; }
tr:nth-child(even) { background-color: #fff; }

谢谢它起作用了。我就是这样编辑代码的。白排:绿排谢谢!它起作用了。我就是这样编辑代码的。白行:绿行