[英]How to create a table using colspan, rowspan or css in html?
How can I create a table like the above example using HTML and CSS. 如何使用HTML和CSS创建类似于上述示例的表。 I've tried the following:
我尝试了以下方法:
<table>
<tr>
<th>XXX</th>
<th>XXX</th>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
</table>
but it won't work. 但它行不通。 Can anyone help?
有人可以帮忙吗?
Something like this 像这样
<table border="1" cellpadding="10" cellspacing="0" style="width:100%"> <tr> <td style="width:50%"> </td> <td colspan="2"> </td> </tr> <tr> <td rowspan="2"> </td> <td> </td> <td rowspan="2"> </td> </tr> <tr> <td> </td> </tr> <tr> <td rowspan="2"> </td> <td> </td> <td rowspan="2"> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> <td colspan="2"> </td> </tr> </table>
<table>
<tr>
<th colspan="2">XXX</th>
<th colspan="2">XXX</th>
</tr>
<tr>
<td colspan="2">XXX</td>
<td colspan="2">XXX</td>
</tr>
<tr>
<td colspan="2">XXX</td>
<td rowspan="2">XXX</td>
</tr>
<tr>
<td colspan="2">XXX</td>
<td>XXX</td>
</tr>
<tr>
<td colspan="2">XXX</td>
<td rowspan="2">XXX</td>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
<tr>
<td colspan="2">XXX</td>
<td rowspan="2">XXX</td>
</tr>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.