htmltable表格⾏合并列合并⽬录
表格：table
⾏：tr
列：td
属性：
border：边框
width：宽
height：⾼
bordercolor：变宽颜⾊
cellspacing：单元格与单元格之间的距离
cellpadding：单元格与内容之间的距离
align:⽔平的对齐⽅式，left|center|right
1.表格边框合并
cellspacing="0"
<table border="1" width="300" height="200" bordercolor="red" cellspacing="0" cellpadding="0" align="center"> <tr>
<td align="center">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
</table>
2、⾏合并
<table border="1" width="600" height="300" cellspacing="0"> <tr>
<td></td>
<td></td>
<!--
表格合并：⾏合并（rowspan），列合并（colspan）
不管是⾏合并还是列合并，都是给td添加
如果是⾏合并，就删除下⼀⾏对应td
-
->
<td rowspan="3"></td>
</tr>
<tr>
<td></td>
<td></td>
<!-- <td></td> -->
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
3、列合并
<table border="1" width="600" height="300" cellspacing="0"> <tr>
<!--
列合并：
删除本⾏下⾯的td
<td colspan="n"></td>
需要删除的就是n-1 td
-->
<td></td>
<td colspan="2"></td>
<!-- <td></td> -->
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
html网页设计 table <td></td>
</tr>
</table>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。