表格结构总结

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7   <title>表格结构</title>
 8 
 9 </head>
10 <body>
11   <table border="1">
12         <tr bgcolor="black">
13             <td colspan="2" align="center" valign="middle">
14               <font color="white">
15                 两个单元格合并
16               </font>
17             </td>
18         </tr>
19         <tr>
20             <td>
21                 总结
22             </td>
23             <td>
24                 <h1 align="center">表格结构</h1>
25 
26                 <p>
27                     bgcolor:表格的背景色;bordercolor:表格的边框颜色;
28                     bordercolorlight:亮边框颜色;bordercolordark:暗边框颜色;
29 
30                 </p>
31                 <p>
32                     align:表格的水平对齐方式 left,center,right;
33                     valign:表格的水平对齐方式top,middle,bottom;
34 
35                 </p>
36                 <p>
37                   colspan:横向合并单元格;rowspan:纵向合并单元格;
38                 </p>
39             </td>
40         </tr>
41         <tr>
42             <td colspan="2" align="center" valign="middle"><a href="http://www.cnblogs.com/paradise-zzz/">http://www.cnblogs.com/paradise-zzz/</a></td>
43         </tr>
44     </table>
45 </body>
46 </html>

 

posted @ 2018-02-20 23:23  Paradise_追逐者  阅读(178)  评论(0编辑  收藏  举报