More actions
Created page with "<noinclude> == 功能说明 == 在文档中引入此模板后, 将修改默认的标题样式, 目前影响的标签有H1, H2, H4 == 参数说明 == * color: 文字颜色(如 red、blue),默认为 black。 == 用法 == <pre><nowiki> {{#widget:StyledHeader}} {{#widget:StyledHeader | color = #36a5e8 }} </pre></nowiki> == 效果展示 == {{#widget:StyledHeader}} </noinclude> <includeonly><onlyinclude> <html> <style> .mw-body-content h1 { color: <!--{$color|defaul..." |
No edit summary |
||
(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
== 功能说明 == | == 功能说明 == | ||
在文档中引入此模板后, | 在文档中引入此模板后, 将修改所有内容区域的标题样式, 目前影响的标题标签有H1, H2, H4 | ||
== 参数说明 == | == 参数说明 == | ||
* color: 文字颜色(如 red、blue),默认为 black。 | * color: 文字颜色(如 red、blue),默认为 black。 | ||
Line 11: | Line 11: | ||
| color = #36a5e8 | | color = #36a5e8 | ||
}} | }} | ||
</ | </nowiki></pre> | ||
== 效果展示 == | == 效果展示 == | ||
{{#widget:StyledHeader}} | {{#widget:StyledHeader | ||
| color = #36a5e8 | |||
}} | |||
= H1标题样式 = | |||
== H2标题样式 == | |||
==== H4标题样式 ==== | |||
</noinclude> | </noinclude> | ||
<includeonly | <includeonly> | ||
<html> | <html> | ||
<style> | <style> | ||
.mw-body-content h1 { | .mw-body-content h1 { | ||
color: <!--{$color|default:" | color: <!--{$color|default:"black"}-->; | ||
} | } | ||
.mw-body-content h2 { | .mw-body-content h2 { | ||
color: <!--{$color|default:" | color: <!--{$color|default:"black"}-->; | ||
border-left: 8px solid <!--{$color|default:" | border-left: 8px solid <!--{$color|default:"black"}-->; | ||
padding-left: 10px; | |||
} | } | ||
.mw-body-content h4 { | .mw-body-content h4 { | ||
color: <!--{$color|default:" | color: <!--{$color|default:"black"}-->; | ||
border-bottom: 2px solid <!--{$color|default:" | border-bottom: 2px solid <!--{$color|default:"black"}-->; | ||
margin-left: 2em; | |||
} | } | ||
<style> | </style> | ||
</html> | </html> | ||
</includeonly> |
Latest revision as of 15:40, 24 July 2024
功能说明
在文档中引入此模板后, 将修改所有内容区域的标题样式, 目前影响的标题标签有H1, H2, H4
参数说明
- color: 文字颜色(如 red、blue),默认为 black。
用法
{{#widget:StyledHeader}} {{#widget:StyledHeader | color = #36a5e8 }}
效果展示