顏色色塊模板

編輯

本模板可用於顯示CSS顏色名稱/16進制顏色值及其對應色塊。

用法:

{{Color block|<参数1:颜色值>|[参数2:自定义名称(可选)]|[附加功能参数]}}
{{Color block|color=<颜色值>|text=[自定义名称(可选)]|[附加功能参数]}}
  • <颜色值>同以上參數1。
  • [自定义名称(可选)]同以上參數2。
  • 附加功能參見#附加功能部分。


使用CSS顏色名稱

編輯

CSS支持的全部顏色名稱:W3 CSS color names

用例:

{{Color block|red}}

輸出:red


用例:

{{Color block|color=red}}

輸出:red


使用16進制顏色值

編輯

注意:16進制顏色值必須以#字符開頭。

用例:

{{Color block|#0000ff}}

輸出:#0000ff


用例:

{{Color block|color=#0000ff}}

輸出:#0000ff


使用自定義名稱

編輯

您可在CSS顏色名稱或16進制值之後,顯示自定義的顏色名稱。


用例:

{{Color block|#ffbf00|琥珀色}}

輸出:琥珀色


用例:

{{Color block|color=#ffbf00|text=琥珀色}}

輸出:琥珀色


附加功能

編輯

顏色名稱懸停提示

編輯

若使用自定義顏色,您可以使用參數color-tooltip=1來顯示CSS顏色名稱或16進制顏色值。如果您使用計算機訪問維基百科,使用鼠標懸停在顏色名稱上,方可看到該顏色名稱或顏色值。

用例:

{{Color block|#ffbf00|琥珀色|color-tooltip=1}}

輸出:琥珀色


不輸出文本

編輯

您可以使用參數no-text=1使之不輸出文本內容。此時指定自定義顏色名稱的參數2不起作用。

用例:

{{Color block|#ff00ff|no-text=1}}
{{Color block|#ff00ff|品红色|no-text=1}}

輸出:


加粗字體

編輯

您可以使用參數bold=1實現字體加粗。


用例:

{{Color block|green|bold=1}}

輸出:green


用例:

{{Color block|#0000ff|bold=1}}

輸出:#0000ff


用例:

{{Color block|#ffbf00|琥珀色|bold=1}}

輸出:琥珀色


用例:

{{Color block|#ffbf00|琥珀色|bold=1|color-tooltip=1}}

輸出:琥珀色

模板文檔

編輯
以下是該模板的模板資料,適用於視覺化編輯器等工具。

Color block模板資料

顯示CSS顏色名稱及其對應色塊。

模板參數

此模板以參數行內格式為優先。

參數描述類型狀態
加粗bold

是否需要將文本加粗

布林值非必填
顏色color 1

需要顯示的顏色,以CSS顏色的形式,可以是名稱或16進制值。

範例
red、yellow、#abc
字串建議
不顯示文本no-text

是否不顯示文本。

布林值非必填
文本text 2

文本內容

內容建議
顏色提示color-tooltip

懸念時顯示的提示內容。

內容非必填