码迷,mamicode.com
首页 > Web开发 > 详细

Html中Table的简单使用

时间:2016-06-22 21:59:47      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

虽然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

Html中Table的简单使用

标签:

原文地址:http://www.cnblogs.com/makesense/p/5608429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!