rowspan table布局_<table>标签总结（colspan跨列 ，rowspan跨行）

table标签有些内置属性要设置：

1.摘要summary的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，

使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

2. cellpadding 规定单元格与其内容之间的空白

3.cellspacing   规定单元格之间的空白

4.border-collapse: collapse;去掉这些空白的属性,如果不设置table标签的这些属性值为0，可以直接在样式里面设置border-collapse: collapse;也可以去掉这些空白的！

综合实例1-合并四行，合并三列

代码

各银行的网上银行支付限额总表

table{width:1190px;font-size:15px;line-height:1.2;border-top:1px solid #a8a8a8;border-left:1px solid #a8a8a8;text-align: center;margin:57px auto;}

table caption{padding:26px 0;font-size: 26px;line-height: 1;color:#e63b3b;}

table td, table th{ border-right:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8;height:20px;}

table th{background-color:#eeeeee;padding:8px 0;}

table td{font-size: 12px;line-height:26px;padding:4px 15px 4px 9px;}

.align-justy{text-align: justify;}

各银行的网上银行支付限额总表

综合实例2 - 综合应用colspan ,rowspan

ss