table 样式控制

来源：互联网发布：数据之巅涂子沛云盘编辑：程序博客网时间：2024/06/18 08:32

.tblist1 table {
border-top:1px solid #CCC;
border-right:1px solid #CCC;
}
.tblist1 table td {
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
}

然后引用时

<div class="tblist1"><table width="100%" cellSpacing="0" cellPadding="0">
<asp:Repeater ID ="DataList1" runat ="server" >
        <ItemTemplate>
                <tr>
                    <td align="center" style="width: 3%; height:20px; background-color: #ffffff">
                        <img src="../../images/b.gif" /></td>
                    <td align="left" style="width: 10%; height:20px; background-color: #ffffff">
                  <%# Eval("name") %></td>
                    <td style="width: 5%; height:20px; background-color: #ffffff">
                       <%#getsex( Eval("sex")) %></td>
                       <td style="width: 10%; height:20px;background-color: #ffffff">
                       <%#getdatetime(Eval("birth"))%></td>
                       <td style="width: 10%; height:20px; background-color: #ffffff">
                      <%# Eval("position")%></td>
                      <td style="width: 8%; height:20px; background-color: #ffffff">
                      <%# Eval("pay")%></td>
                    <td style="width: 10%; height:20px; background-color: #ffffff">
                       <%# Eval("email") %></td>
                             <td style="width: 8%; height:20px; background-color: #ffffff"> <%#getgrade (Eval("grade"))%>
                     </td>
                        <td style="width: 5%; height:20px; background-color: #ffffff">
                      <a href ="">查看</a></td>
                </tr>
        </ItemTemplate>
        <HeaderTemplate>
                <tr>
                    <td align="center" style="width: 3%; height:20px; background-color: #ffffff">
                        <img src="../../images/b.gif" /></td>
                    <td align="left" style="width: 10%; height:20px; background-color: #ffffff">
                        <strong>
                        真实姓名</strong></td>
                    <td style="width: 5%; height:20px; background-color: #ffffff">
                        <strong>
                        性别</strong>
                    </td>
                      <td style="width: 10%; height:20px; background-color: #ffffff">
                        <strong>
                       出生年月</strong>
                       <td style="width: 10%; height:20px; background-color: #ffffff">
                        <strong>
                       身高（CM）</strong>
                    </td>
                    <td style="width: 8%; height:20px; background-color: #ffffff">
                        <strong>
                       体重（kg）</strong>
                    </td>
                    </td>
                    <td style="width: 10%; height:20px; background-color: #ffffff">
                        <strong>
                       EMAIL</strong>
                    </td>
                          <td style="width: 8%; height:20px; background-color: #ffffff">
                       <strong>总成绩</strong></td>
                        <td style="width: 5%; height:20px; background-color: #ffffff">
                       <strong>查看</strong></td>
                </tr>
        </HeaderTemplate>
</asp:Repeater>
    </table></div>

注意height:20px;