HTML中的table表格重叠的边框去除以及合并方法

为君一笑 提交于 2019-11-29 08:56:36

table表格中的边框会重叠到一起,使用标签中的border-collapse属性就可以了
<table border-collapse="collapse" >   
    <tr><th>内容(标题)</th><th>内容(标题)</th><th>内容(标题)</th></tr>     
     <tr><td>内容</td><td>内容</td><td>内容</td></tr>  
    <tr><td>内容</td><td>内容</td><td>内容</td></tr>  
</table>
使用border-collapse之后就能够清除掉重复的边框。

合并table表格的方法
纵向合并:colspan + 合并数目 横向合并:rowspan + 合并数目

1.纵向合并是指合并指定数目的列。
2.横向合并是指合并指定数目的行。
3.其中合并的数目是你要合并的总数目减一。
4.都是td标签中的属性。

写法:

<tr><td colspan="2" rowspan="2"></td></tr>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!