格式化表格
在表格的第一行可以設定表格的格式:border、width、alignment、bgcolor、cellpadding、cellspacing。
Width 屬性可以用百分比或者像素來設定表格的寬度。Colors 屬性可以用顏色的名稱則或者是用 HTML 代碼來設定表格的顏色。Cellpadding 屬性是表格欄位內容和邊框之間的距離;cellspacing 屬性則是欄位彼此之間的間隔。
例子 1. 改變框線寬度和表格對齊方式
使用範例:
|| border=10 align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
顯示結果:
cell 1 | cell 2 | cell 3 |
cell 1 | cell 2 | cell 3 |
例子 2. 改變顏色
使用範例:
|| border=1 bgcolor=red align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
顯示結果:
cell 1 | cell 2 | cell 3 |
cell 1 | cell 2 | cell 3 |
例子 3. 使用百分比來設定表格寬度
使用範例:
|| border=1 width=100% bgcolor=yellow
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
顯示結果:
cell 1 | cell 2 | cell 3 |
cell 1 | cell 2 | cell 3 |
例子 4. 使用像素來設定表格寬度,使用 HTML 代碼來設定顏色
使用範例:
|| border=1 width=350 bgcolor=#CCCCCC align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
顯示結果:
cell 1 | cell 2 | cell 3 |
cell 1 | cell 2 | cell 3 |
例子 5. 改變 cellpadding
使用範例:
|| border=1 width=350 cellpadding=10 align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
顯示結果:
cell 1 | cell 2 | cell 3 |
cell 1 | cell 2 | cell 3 |
例子 6. 改變 cellspacing
使用範例:
|| border=1 width=350 cellspacing=10 align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
顯示結果:
cell 1 | cell 2 | cell 3 |
cell 1 | cell 2 | cell 3 |