window Resize

html 測試 左入右出

html 測試 上入下出

html 測試 單入單出

html 測試 左單右單

標簽 table , CSS 樣式表

table rules="all/none/rows/cols/groups"
表格(TABLE)--RULES(內部框線)

描述
none 沒有線條。
groups 位於行組和列組之間的線條。
rows 位於行之間的線條。
cols 位於列之間的線條。
all 位於行和列之間的線條。

<table border="1" rules="all" width="80%">
<caption>rules="all</caption><tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2</td></tr>
<tr bgcolor="#00FF00"><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody>
</table>
rules="all"
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2

<table border="1" rules="none" width="80%">
<caption>rules="none"<caption><tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2</td></tr>
<tr><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody>
</table>
rules="none"
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2

<table border="1" rules="rows" width="80%">
<caption>rules="rows"</caption><tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2</td></tr>
<tr><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody>
</table>
rules="rows"**
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2

<table border="1" rules="cols" width="80%">
<caption>rules="cols"</caption><tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2</td></tr>
<tr><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody>
</table>
rules="cols"
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2

<table border="1" rules="groups" width="80%">
<caption>rules="cols"</caption><tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2</td></tr>
<tr><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody>
</table>
rules="groups"
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2

<table border="1" rules="groups" style="width: 80%;">
<colgroup ></colgroup>
<tbody>
<tr><td>第1行 1</td><td>第1行 2</td><td>第1行 3</td><td>第1行 4</td></tr>
<tr><td>第2行 1</td><td>第2行 2</td><td>第2行 3</td><td>第2行 4</td></tr>
<tr><td>第3行 1</td><td>第3行 2</td><td>第3行 3</td><td>第3行 4</td></tr>
<tr><td>第4行 1</td><td>第4行 2</td><td>第4行 3</td><td>第4行 4</td></tr>
</tbody></table>
第1行 1第1行 2第1行 3第1行 4
第2行 1第2行 2第2行 3第2行 4
第3行 1第3行 2第3行 3第3行 4
第4行 1第4行 2第4行 3第4行 4

<table border="2" rules="GROUPS" style="width: 80%">
<thead>
<tr><td>頭 1</td><td>頭 2</td><td>頭 3</td><td>頭 4</td></tr>
</thead>
<tbody>
<tr><td>第2行 1</td><td>第2行 2</td><td>第2行 3</td><td>第2行 4</td></tr>
<tr><td>第3行 1</td><td>第3行 2</td><td>第3行 3</td><td>第3行 4</td></tr>
</tbody>
<tfoot>
<tr><td>尾 1</td><td>尾 2</td><td>尾 3</td><td>尾 4</td></tr>
</tfoot>
</table>
頭 1頭 2頭 3頭 4
第2行 1第2行 2第2行 3第2行 4
第3行 1第3行 2第3行 3第3行 4
尾 1尾 2尾 3尾 4
<table border="2" rules="GROUPS" style="width: 80%">
<thead>
<tr><th>頭 1</th><th>頭 2</th><th>頭 3</th><th>頭 4</th></tr>
</thead>
<tbody>
<tr><td>第2行 1</td><td>第2行 2</td><td>第2行 3</td><td>第2行 4</td></tr>
<tr><td>第3行 1</td><td>第3行 2</td><td>第3行 3</td><td>第3行 4</td></tr>
</tbody>
<tfoot>
<tr><td>尾 1</td><td>尾 2</td><td>尾 3</td><td>尾 4</td></tr>
</tfoot>
</table>
頭 1頭 2頭 3頭 4
第2行 1第2行 2第2行 3第2行 4
第3行 1第3行 2第3行 3第3行 4
尾 1尾 2尾 3尾 4

沒有留言:

張貼留言