这个HTML table里面那个table怎么弄啊.
来源:学生作业帮 编辑:大师作文网作业帮 分类:综合作业 时间:2024/11/10 14:35:47
这个HTML table里面那个table怎么弄啊.
<table width="600" height="300" border="0">
<tr>
<td width="300" height="300" style="background-color:#C24AA1; text-align:center;">
300*300
</td>
<td width="300" height="300">
<table width="300" border="0" style="background-color:#6CBB3E; text-align:center; font-size:10px;">
<tr>
<td height="150" width="150" style="background-color:#9F0;">
150*150
</td>
<td height="150" width="150">
<table width="150" border="0" style="font-size:10px; text-align:center;">
<tr>
<td height="75" width="75" style="background-color:#F00;">
75*75
</td>
<td height="75" width="75">
75*75
</td>
</tr>
<tr>
<td height="75" width="75">
75*75
</td>
<td height="75" width="75" style="background-color:#F00;">
75*75
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="150" width="150" style="background-color:#F00;">
150*150
</td>
<td height="150" width="150" style="background-color:#F0F;">
150*150
</td>
</tr>
</table>
</td>
</tr>
</table>具体尺寸自己改,给你方法就行,方法如下:
一个大的表格,嵌套小的表格,小的表格再嵌套更小的表格!解决请采纳!
<tr>
<td width="300" height="300" style="background-color:#C24AA1; text-align:center;">
300*300
</td>
<td width="300" height="300">
<table width="300" border="0" style="background-color:#6CBB3E; text-align:center; font-size:10px;">
<tr>
<td height="150" width="150" style="background-color:#9F0;">
150*150
</td>
<td height="150" width="150">
<table width="150" border="0" style="font-size:10px; text-align:center;">
<tr>
<td height="75" width="75" style="background-color:#F00;">
75*75
</td>
<td height="75" width="75">
75*75
</td>
</tr>
<tr>
<td height="75" width="75">
75*75
</td>
<td height="75" width="75" style="background-color:#F00;">
75*75
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="150" width="150" style="background-color:#F00;">
150*150
</td>
<td height="150" width="150" style="background-color:#F0F;">
150*150
</td>
</tr>
</table>
</td>
</tr>
</table>具体尺寸自己改,给你方法就行,方法如下:
一个大的表格,嵌套小的表格,小的表格再嵌套更小的表格!解决请采纳!