1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > HTML中的table表格重叠的边框去除以及合并方法

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

时间:2019-03-25 13:51:08

相关推荐

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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。