上次是說到表格的架構,也介紹了三個標籤:<table><tr><td>
接下來就是要介紹如何編輯表格囉!這次先教大家欄寬、列高、框線粗細的設定。
<table border="" width="" height=""
cellspacing="" cellpadding="" bgcolor="">
<pre>border
設定外部框線粗細width
設定欄(行)寬height
設定列高cellspacing
設定內部框線粗細cellpadding
設定資料與內框線之距離bgcolor
設定表格背景顏色bordercolorlight
設定表格亮框線顏色bordercolordark
設定表格暗框線顏色</pre>
範例:畫一個長佔瀏覽器的10%,寬佔40%的表格,背景為紅色,
框線為1px且為綠色,外框線與內框線須相距3px,表格內的文字要跟框線相距5px
<table border="1" width="40%" height="10%" cellspacing="3" cellpadding="5" bgcolor="red" bordercolordark="green" bordercolorlight="green">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table border="1" width="40%" height="10%" cellspacing="3" cellpadding="5" bgcolor="red" bordercolordark="green" bordercolorlight="green">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>