標簽 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