Help:使用維基標記式語言增修表格/5
外观
一般而言,我們建議表格僅以維基百科的預設格式設定即可。然而在部分情況下,您會需要使用更複雜的格式,這些格式可由CSS來進行實作。每個內容儲存格的呈現方式,都能藉由在儲存格內容之前增加style=" " |
來加以控制。同樣,CSS格式也可以在表格標題與標題儲存格以同樣方式進行添加。
對於格子內容| style="" | R1C1 | style="" | R1C2 | style="" | R1C3
|
|
對於表頭! style="" | 表頭C1 ! style="" | 表頭C2 ! style="" | 表頭C3
|
任何的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 <!-- 用于解释本列的隐藏注解 -->