Help:使用維基標記式語言增修表格/5


Markup logo.svg

表格簡介
何謂表格與如何運作


編輯表格
表格的基礎


擴張表格
增加列與欄


可排序表格
給讀者更多選擇


進階格式
使用HTML


總結
回顧您所學到的技巧





一般而言,我們建議表格僅以維基百科的預設格式設定即可。然而在部分情況下,您會需要使用更複雜的格式,這些格式可由CSS來進行實作。每個內容儲存格的呈現方式,都能藉由在儲存格內容之前增加style=" " |來加以控制。同樣,CSS格式也可以在表格標題與標題儲存格以同樣方式進行添加。

任何的CSS屬性可以在style=" " |進行添加。

最常用屬性
屬性 意義 範例
background 填滿背景與指定背景顏色 background:yellow
color 文字顏色 color:blue
width 格子寬度 width:100px
border-width 邊界寬度 border-width:3px
text-align 格子內的文字排列 text-align:center

如同上述範例所列,以下就示範將這些屬性套用至特定的內容儲存格:

{| class="wikitable"
|+ 說明:部分儲存格為黃色。
|-
! Header1
! Header2
! Header3
|-
| style="background: yellow" | R1C1
| R1C2
| style="background: yellow" | R1C3
|-
| R2C1
| style="background: yellow" | R2C2
| R2C3
|}

這將會產生如下表格:

說明:部分儲存格為黃色。
表頭1 表頭2 表頭3
R1C1 R1C2 R1C3
R2C1 R2C2 R2C3


CSS屬性可以在表格的第一行使用{| style=" "來對整個表格的佈局進行調整。同樣,在其中一列的前一行使用|- style=" "來對整列的佈局進行調整。以下範例將會把整個表格的背景變為黃色:

{| class="wikitable" style="background: yellow"


所有表格的屬性應當謹慎使用。使用太花俏顏色的表格將難以閱讀。


隱藏式註解

在比較複雜的表格當中,有時隱藏式註解對於解釋表格格式來說很有用。隱藏式註解僅會在編輯頁面出現,一般而言讀者不會看見。您可以增加<!---->,並在之間填寫註解。

| R1C1 || R1C2 ||R1C3 <!-- 用於解釋本列的隱藏註解 -->