Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:StyledHeader: Difference between revisions

Template page
Created page with "<noinclude> == 参数说明 == text: 要显示的标题文本。 color: 标题文字颜色(如 red、blue),默认为 black。 bgcolor: 标题背景颜色(如 yellow、lightgray),默认为透明。 header: 设置标题标签(如 h1、h2、h3),默认为 h3。 border-width: 左侧边框的宽度(如 2px),默认为 0。 underline-width: 下划线的粗细(如 1px),默认为 0,若未设置则无下划线。 == 用法 == <pre><nowiki> {{StyledHe..."
 
No edit summary
Tag: Manual revert
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
== 参数说明 ==
== 参数说明 ==
text: 要显示的标题文本。
* text: 要显示的标题文本。
color: 标题文字颜色(如 red、blue),默认为 black。
* color: 标题文字颜色(如 red、blue),默认为 black。
bgcolor: 标题背景颜色(如 yellow、lightgray),默认为透明。
* bgcolor: 标题背景颜色(如 yellow、lightgray),默认为透明。
header: 设置标题标签(如 h1、h2、h3),默认为 h3。
* header: 设置标题标签(如 h1、h2、h3),默认为 h1。
border-width: 左侧边框的宽度(如 2px),默认为 0。
* border-left: 左侧边框的宽度(如 2px),默认为 0。
underline-width: 下划线的粗细(如 1px),默认为 0,若未设置则无下划线。
* border-bottom: 下划线的粗细(如 1px),默认为 0,若未设置则无下划线。
== 用法 ==
== 用法 ==
<pre><nowiki>
<pre><nowiki>
{{StyledHeader
{{StyledHeader
| text = 这是一个标题
| text = 显示一个简单的黑色标题,背景透明,没有边框和下划线
| color = red
}}
{{StyledHeader
| text = 有浅蓝色背景和深蓝色文字,仍使用默认的 h1 标签
| bgcolor = lightblue
| color = darkblue
}}
{{StyledHeader
| text = 使用 h2 标签显示绿色标题,背景透明, 和2px粗的下划线。
| header = h2
| color = green
| border-bottom = 2px
}}
{{StyledHeader
| text = 有黄色背景、黑色文字、5px 宽的左侧边框和2px粗的下划线。
| bgcolor = yellow
| bgcolor = yellow
| header = h2
| color = black
| underline-width = 2px
| border-left = 5px
| border-bottom = 2px
}}
{{StyledHeader
| text = 用 h3 标签,具有灰色背景、深灰色文字、10px 宽的左边框。
| header = h3
| bgcolor = #f0f0f0
| color = #333
| border-left = 10px
}}
}}
</nowiki></pre>
</nowiki></pre>
Line 27: Line 48:
}}
}}
{{StyledHeader
{{StyledHeader
| text = 使用 h2 标签显示绿色标题,背景透明。
| text = 使用 h2 标签显示绿色标题,背景透明, 和2px粗的下划线。
| header = h2
| header = h2
| color = green
| color = green
| border-bottom = 2px
}}
}}
{{StyledHeader
{{StyledHeader
Line 35: Line 57:
| bgcolor = yellow
| bgcolor = yellow
| color = black
| color = black
| border-width = 5px
| border-left = 5px
| underline-width = 2px
| border-bottom = 2px
}}
}}
{{StyledHeader
{{StyledHeader
| text = 用 h3 标签,具有灰色背景、深灰色文字、3px 宽的左边框和1px粗的下划线。
| text = 用 h3 标签,具有灰色背景、深灰色文字、10px 宽的左边框。
| header = h3
| header = h3
| bgcolor = #f0f0f0
| bgcolor = #f0f0f0
| color = #333
| color = #333
| border-width = 3px
| border-left = 10px
| underline-width = 1px
}}
}}
</noinclude>
</noinclude>
<includeonly>
<includeonly><onlyinclude>{{#invoke:StyledHeader|customStyles}}</onlyinclude></includeonly>
<onlyinclude>
<div style="background-color: {{{bgcolor|transparent}}};
            border-left: {{{border-width|0}}} solid {{{color|transparent}}};
            padding: 10px;
            margin-bottom: 10px;">
  <{{{header|h1}}} style="margin: 0;
              color: {{{color|black}}};
              border-bottom: {{{#if:{{{underline-width|}}}|{{{underline-width}}} solid {{{color|black}}}|none}}};">
    {{{text}}}
  </{{{header|h1}}}>
</div>
</onlyinclude>
</includeonly>

Latest revision as of 10:45, 18 July 2024

参数说明

  • text: 要显示的标题文本。
  • color: 标题文字颜色(如 red、blue),默认为 black。
  • bgcolor: 标题背景颜色(如 yellow、lightgray),默认为透明。
  • header: 设置标题标签(如 h1、h2、h3),默认为 h1。
  • border-left: 左侧边框的宽度(如 2px),默认为 0。
  • border-bottom: 下划线的粗细(如 1px),默认为 0,若未设置则无下划线。

用法

{{StyledHeader
| text = 显示一个简单的黑色标题,背景透明,没有边框和下划线
}}
{{StyledHeader
| text = 有浅蓝色背景和深蓝色文字,仍使用默认的 h1 标签
| bgcolor = lightblue
| color = darkblue
}}
{{StyledHeader
| text = 使用 h2 标签显示绿色标题,背景透明, 和2px粗的下划线。
| header = h2
| color = green
| border-bottom = 2px
}}
{{StyledHeader
| text = 有黄色背景、黑色文字、5px 宽的左侧边框和2px粗的下划线。
| bgcolor = yellow
| color = black
| border-left = 5px
| border-bottom = 2px
}}
{{StyledHeader
| text = 用 h3 标签,具有灰色背景、深灰色文字、10px 宽的左边框。
| header = h3
| bgcolor = #f0f0f0
| color = #333
| border-left = 10px
}}

效果展示

显示一个简单的黑色标题,背景透明,没有边框和下划线

有浅蓝色背景和深蓝色文字,仍使用默认的 h1 标签

使用 h2 标签显示绿色标题,背景透明, 和2px粗的下划线。

有黄色背景、黑色文字、5px 宽的左侧边框和2px粗的下划线。

用 h3 标签,具有灰色背景、深灰色文字、10px 宽的左边框。