关于 html中css控制表格格式 和 colspan 的问题

html-css023

关于 html中css控制表格格式 和 colspan 的问题,第1张

每一行就是一个人tr对么 里面有几个单元格 就是几个td第一行应该是7个单元格 但你想用一个单元格占满 那么请在第一个tr里只写一个td 然后td里 写 colspan=7文本居中 style=“text-align:center”第二行2哥单元格 写2哥td然后 每个td里写 colspan=3 下面的以此类推

clospan本身就是td的一个属性了。直接在td的标签中制定colspan即可。如:

<td colspan="2"></td>    //指明了此单元格占两列

colspan的作用是指定单元格横向跨越的行数。

rowspan的作用是指定单元格纵向跨越的行数。

都是要直接加在tr th td上面的

<table border= "1 " width= "200 " >

<tr>

<td colspan="4" >ss

</td>

</tr>

<tr>

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

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

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

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

</tr>

<tr>

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

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

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

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

</tr>

<tr>

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

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

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

</tr>

<tr>

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

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

</tr>

<tr>

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

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

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

</tr>

</table>