|
|
|
|
|
<Table BorderColor="#RRGGBB"|"Color Name">
|
| 語 法 說 明 |
 BorderColor 由兩個英文字組成， Border (邊緣、飾邊、邊界之意思) + Color (顏色、色彩之意思)。
 Border 與 Color 的屬性我們之前分別教過，用在 <Table> 裡時稱為【表格的邊緣色】。
|
| 範例 |
HTML標籤 |
<Table Border="1" BorderColor="#99CCFF"><Tr><Td>邊線色</Td></Tr></Table>
|
| 顯示結果 |
|
| 範例 |
HTML標籤 |
<Table Border="4" BorderColor="#FF0000"><Tr><Td>邊線色</Td></Tr></Table>
|
| 顯示結果 |
|
|
因為版面不夠寬，我將範例中 Tr 標籤內的 Width="400" Height="50" Align="Center" 省略沒秀出來喔。
|
|
|
|
|
|
<Table BorderColorDark="#RRGGBB"|"Color Name">
|
| 語 法 說 明 |
|
BorderColorDark 是由 3 個英文字組成，Border + Color + Dark (暗、黑暗、暗處、深色之意思)。
|
| 範例 |
HTML標籤 |
<Table Border="5" BorderColorDark="#FF0000"><Tr><Td>深色內邊色</Td></Tr></Table>
|
| 顯示結果 |
|
|
因為版面不夠寬，我將範例中 Tr 標籤內的 Width="400" Height="50" Align="Center" 省略沒秀出來喔。
|
|
|
|
|
|
<Table BorderColorLight="#RRGGBB"|"Color Name">
|
| 語 法 說 明 |
|
BorderColorLight 是由 3 個英文字組成，Border + Color + Light (光亮、亮色之意思)。
|
| 範例 |
HTML標籤 |
<Table Border="5" BorderColorLight="#0000FF"><Tr><Td>亮色內邊色</Td></Tr></Table>
|
| 顯示結果 |
|
|
因為版面不夠寬，我將範例中 Tr 標籤內的 Width="400" Height="50" Align="Center" 省略沒秀出來喔。
|
|
|
|
|
|
<Table BorderColorDark="#RRGGBB"|"Color Name" BorderColorLight="#RRGGBB"|"Color Name">
|
| 語 法 說 明 |
|
這是合併 BorderColorDark + BorderColorLight 顯示情況，一般都會採用這種方式。
|
| 範例 |
HTML標籤 |
<Table Border="5" BorderColorDark="#FF0000" BorderColorLight="#0000FF"> ... </Table>
|
| 顯示結果 |
|
|
因為版面不夠寬，我將範例中 Tr 標籤內的 Width="400" Height="50" Align="Center" 省略沒秀出來喔。
|
|
|
|
|
|
<Table Frame="Void"|"Box"|"Border"|"Above"|"Below"|"LHS"|"RHS"|"Hsides"|"Vsides">
|
| 語 法 說 明 |
Frame 的中文意思為(架構、骨架、結構、框架)，Below 的中文意思為(在下面、到下面、在下方)。
Frame="Below" 在這裡表示的是【表格左右兩側產生缺口】。
請養成按滑鼠右鍵 檢視原始檔，打開記事本查看本頁 HTML 原始碼習慣。
|
| 範例 |
HTML標籤 |
<Table Border="1" Frame="Below">
<Tr>
<Td> ... </Td></Tr></Table>
|
| 顯示結果 |
 缺口，這是左邊表格 | 這是右邊表格，缺口 |
|
注意：這是 瀏覽器專用的屬性標籤，其它瀏覽器恐會產生無法顯示或顯示效果不一樣，建議不要使用。
其他屬性標籤，如果您有興趣，自己試做看看，因為不同瀏覽器解讀問題，在此就不必介紹了。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
