Html中Table的简单使用

时间:2023-03-09 01:51:15
Html中Table的简单使用

虽然Table布局已经过时,偶尔还是会用到,简要实用代码,如下:

 <table border="1" cellpadding="0" cellspacing="0" style="text-align:center;border-collapse:collapse;">
<thead style="background-color:#B0C4DE;font-weight:bold;">
<tr style="height:50px;">
<td style="width:200px;">描述</td>
<td style="width:200px;">状态</td>
<td style="width:300px;">备注</td>
</tr>
</thead>
<tbody>
<tr style="height:40px;">
<td></td>
<td></td>
<td></td>
</tr>
<tr style="height:40px;">
<td></td>
<td></td>
<td></td>
</tr>
<tr style="height:40px;">
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr style="height:40px;">
<td colspan="2"></td>
</tr>
</tbody>
</table>
描述 状态 备注
     
     
     
 

延伸参考:http://www.ruanyifeng.com/blog/2009/05/html_table_mastering.html