c# - asp.net 如何在行与行之间添加分隔符

Question

这是我的代码，在这里我看到一个充满数据的表格，但没有分隔符是可见的，就像我想要分隔符 b/w 行和列一样。如何在 asp.net html 表格中添加分隔符。如何更新 css 文件以获得分隔符外观

  <table class="tableStyle" id="Table1">
    <thead><tr><th id="Th1" style="background-color:#507CD1;width:150px;font-weight:bold;color:White"><div>Number</div></th>
    <th id="Th2" style="background-color:#507CD1;width:150px;font-weight:bold;color:White">Type</th><th id="Th3" style="background-color:#507CD1;width:150px;font-weight:bold;color:White">Name</th>
    </tr></thead>
    <%
        for(int i=0 ;i<10;i++)
        {
            String id = i.ToString();

            %>

        <tr><td headers="Th1" style="background-color:#EFF3FB;">Hello world
</td><td headers="Th2" style="background-color:#EFF3FB;">Hello world</td>
<td headers="Th3" style="background-color:#EFF3FB;"></td></tr>


        <%} 
    %>

    </table>

Answer 1

这是 css 示例。 SEE DEMO

如果您的重定向 HTML 如下。

<table>
    <thead>
        <tr>
            <th>Number</th>
            <th>Type</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
         </tr>
         <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
         </tr>
    </tbody>
</table>

CSS

table
{
border-collapse:collapse;
}
table, th, td
{
    border: 1px solid black;
    background-color:#EFF3FB;
}
table thead th {
   background-color:#507CD1;width:150px;font-weight:bold;color:White
}

http://jsfiddle.net/E8W2F/