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

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>

猜你喜欢

转载自blog.csdn.net/qq_36949892/article/details/90760084