Html中Table的简单使用

Posted 2020-07-28 天琊蓝

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

 1 <table border="1" cellpadding="0" cellspacing="0" style="text-align:center;border-collapse:collapse;">
 2     <thead style="background-color:#B0C4DE;font-weight:bold;">
 3         <tr style="height:50px;">
 4             <td style="width:200px;">描述</td>
 5             <td style="width:200px;">状态</td>
 6             <td style="width:300px;">备注</td>
 7         </tr>
 8     </thead>
 9     <tbody>
10         <tr style="height:40px;">
11             <td></td>
12             <td></td>
13             <td></td>
14         </tr>
15         <tr style="height:40px;">
16             <td></td>
17             <td></td>
18             <td></td>
19         </tr>
20         <tr style="height:40px;">
21             <td rowspan="2"></td>
22             <td></td>
23             <td></td>
24         </tr>
25         <tr style="height:40px;">
26             <td colspan="2"></td>
27         </tr>
28     </tbody>
29 </table>

View Code

描述	状态	备注

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