首頁  >  文章  >  web前端  >  表格边框的问题_html/css_WEB-ITnose

表格边框的问题_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:08:211050瀏覽

<style type="text/css"><!-- .thin{background:#000000}.thin td{background:#FFFFFF}--></style><table border="0" cellspacing="1" cellpadding="0" width="100%" class="thin" frame=void bordercolor="#FFFFFF">          <tr>            <td width="17%"> </td>            <td width="16%"> </td>            <td width="16%"> </td>            <td width="17%"> </td>            <td width="17%"> </td>            <td width="17%"> </td>          </tr>          <tr>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>          </tr>          <tr>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>          </tr>        </table>

我制作了一个细边框的表格,但是有些单元格要拆分,有些要合并,完成后,有的表格的右边的边框在页面里显示不出来,是怎么回事?下面是拍好版后的,第三列右边的边框浏览不显示??
<table border="0" width="100%" cellspacing="1" cellpadding="0" bgcolor="#000000" frame="border" >          <tr>            <td width="15%" height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="3" bgcolor="#FFFFFF"> </td>            <td width="21%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            <td width="14%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td width="18%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td width="15%" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              			</td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" colspan="2" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td height="30" colspan="3" bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>                    <tr>            <td height="30" colspan="2" align="left" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>          </tr>          <tr>            <td height="30" colspan="2" align="center" bgcolor="#FFFFFF" class="STYLE18"> </td>            <td height="30" colspan="5" bgcolor="#FFFFFF"> </td>          </tr>          <tr>            <td height="30" colspan="2" align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="3" bgcolor="#FFFFFF"> </td>            <td align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            </tr>        </table>


回复讨论(解决方案)

没问题,是你的单元格合并了。

我是拆分了一些表格,然后又合并了一些表格,但是在合并一些表格时候,会影响到其他一些表格,例如现在这种情况就是,合并第七行,会影响到第二行到第六行的第三列,在ie里这几个单元格的右边框不显示。

用调试工具看,要不在单元格里写好标记,看见合并错没有。

这样你不用调试工具光看是看不出来的。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn