html CSS table合并单元格colspan和rowspan

最新推荐文章于 2025-05-15 11:34:12 发布

Stoneking12

最新推荐文章于 2025-05-15 11:34:12 发布

阅读量6.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：网页设计

本文链接：https://blog.youkuaiyun.com/wl20222022/article/details/85171391

网页设计专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨了HTML中表格布局的技巧，包括单元格合并、宽度设置等关键特性，通过实例展示了如何灵活运用这些属性实现复杂的数据展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看代码

<html>
<head>

</head>

<table border= "1" width= "200 " >
<tr>
<td colspan="4" >ss

</td>
</tr>

<tr>
<td width= "25% "> 1　 </td> 
<td width= "25% "> 1　 </td> 
<td width= "25% "> 1　 </td> 
<td width= "25% "> 1　 </td> 
</tr>
<tr>
<td width= "25% "rowspan="2"> 　2 </td>
<td width= "25% "> 2　 </td> 
<td width= "25% "> 2　 </td> 
<td width= "25% "> 2　 </td> 
</tr>
<tr>

<td width= "25% "> 　3 </td>
<td width= "25% " rowspan="3"> 3　 </td>
<td width= "25% "> 3　 </td> 
</tr>

<tr>
<td width= "25% " colspan="2" > 　4 </td>
<td width= "25% "> 4　 </td>
</tr>

<tr>
<td width= "25% "> 5　 </td> 
<td width= "25% "> 　5 </td> 
<td width= "25% "> 5　 </td>
</tr>

</table>

</html>