表格<table>的写法
格式:
<table> <thead><!--表格头--> <tr> <th></th> <th></th> <th></th> </tr> </thead> <tbody> <!--如果tbody不写,浏览器解析的时候也会自动加上,为了规范建议写--> <tr> <!--表格行--> <td></td><!--表格列--> <td></td> <td></td> </tr> <tr> <td>11</td> <td>2</td> <td>3</td> </tr> </tbody> </table>
边框:
<table border="1">
table{border-collapse:collapse;} 合并间隙
清除表格默认样式:
th,td{padding: 0;}
横向合并单元格:
<th colspan="2"></th> <!--需要合并几个就写几 -->
纵向合并单元格:
<td rowspan="3"></th> <!--需要合并几个就写几 -->