簡易的html原始碼-表格樣式

上次是說到表格的架構,也介紹了三個標籤:<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>

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

數學難題 * 限制時效已用盡。請重新載入驗證碼。