请问如何用CSS控制只显示Table的水平线，而不显示垂直线和边框？

<STYLE TYPE="text/css">
.table1
  td{border-bottom:1px solid black}
  
</STYLE>
</HEAD>
<BODY class="table1">
<TABLE>
<TR>
<TD>sdf</TD>
<TD>dsf</TD>
<TD>df </TD>
</TR>
<TR>
<TD>sdf </TD>
<TD>sdf </TD>
<TD>sdf</TD>
</TR>
<TR>
<TD>sdf</TD>
<TD>sdf</TD>
<TD>sdf</TD>
</TR>

解决方案 »

  1.   

    楼上的水平线有断点把 <TABLE> 改成
    <table cellspacing=0>
    就成了
      

  2.   

    还有一个问题：没有最上面的横线（一般都希望有的）
    表格加横线最常见的做法不是用 CSS，而是加空行：<table>
    ...
    <tr><td colspan=3 height=1 bgcolor=black>&nbsp;</td></tr>
    ...
    <table>虽然丑陋点，但是实用（colspan,height 根据具体情况设定）
      

  3.   

    <HTML>
    <HEAD>
        <TITLE>cwh</TITLE>
        <META http-equiv=Content-Type content="text/html; charset=gb2312"> 
        <META content="MSHTML 6.00.2600.0" name=GENERATOR>
    </HEAD>
    <BODY bgColor=white >
    <TABLE cellSpacing=0 cellPadding=0 rules=cols width=200 border=1>
        <TBODY>
        <TR align=middle>
            <TD>第</TD>
            <TD>一</TD>
            <TD>行</TD>
        </TR>
        <TR align=middle>
            <TD>第</TD>
            <TD>二</TD>
            <TD>行</TD>
        </TR>
        <TR align=middle>
            <TD>第</TD>
            <TD>三</TD>
            <TD>行</TD>
        </TR>
        </TBODY>
    </TABLE>
    <TD width="380">这个表格去掉了单元格之间的纵向分隔线</TD>
    <TR>
        <TD>
            <BR> 
            <TABLE cellSpacing=0 cellPadding=0 rules=rows width=200 border=1>
                <TBODY>
                <TR align=middle>
                    <TD>第</TD>
                    <TD>第</TD>
                    <TD>第</TD>
                </TR>
                <TR align=middle>
                    <TD>一</TD>
                    <TD>二</TD>
                    <TD>三</TD>
                </TR>
                <TR align=middle>
                    <TD>列</TD>
                    <TD>列</TD>
                    <TD>列</TD>
                </TR>
                </TBODY>
            </TABLE>
            <BR>
        </TD>
        <TD>这个表格去掉了单元格之间的横向分隔线</TD>
    </TR>
    <TR>
        <TD>
            <TABLE cellSpacing=0 cellPadding=0 rules=none width=200 border=1>
                <TBODY>
                <TR align=middle>
                    <TD>横</TD>
                    <TD>&nbsp;</TD>
                    <TD>线</TD>
                </TR>
                <TR align=middle>
                    <TD>竖</TD>
                    <TD>&nbsp;</TD>
                    <TD>线</TD>
                </TR>
                <TR align=middle>
                    <TD>都</TD>
                    <TD>没</TD>
                    <TD>了</TD>
                </TR>
                </TBODY>
            </TABLE>
        </TD>
        <TD>这个表格去掉了单元格之间的纵向分隔线和横向分隔线</TD>
    </TR></BODY>
    </HTML>