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

php中文网
发布: 2016-06-24 12:08:21
原创
1250人浏览过

<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>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/2019">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978185950.png" alt="飞书多维表格">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/2019">飞书多维表格</a>
                            <p>表格形态的AI工作流搭建工具,支持批量化的AI创作与分析任务,接入DeepSeek R1满血版</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="飞书多维表格">
                                <span>26</span>
                            </div>
                        </div>
                        <a href="/ai/2019" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="飞书多维表格">
                        </a>
                    </div>
                <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF" class="STYLE18"><p> </p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</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><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</p>              </td>            <td height="30" colspan="3" bgcolor="#FFFFFF"> </td>            <td align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            </tr>        </table>
登录后复制


回复讨论(解决方案)

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

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

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

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

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号