表格結構總結

 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>
相關文章
相關標籤/搜索