3,900
个编辑
更改
建立内容为“本模版基于 CSS 样式，用来设定字体、大小、颜色、阴影及底色。本模板本质是一个预包装的 <code><span></code> 元素。 ==…”的新页面
本模版基于 CSS 样式，用来设定字体、大小、颜色、阴影及底色。本模板本质是一个预包装的 <code><span></code> 元素。
== 结构 ==
本模板有8个参数：
{| class="wikitable" width="100%"
!参数名!!简介!!参数类型!!默认值
|-
|'''class'''
| 目标文字的 class 属性。
|class 名称
|''无''
|-
|'''title'''
| 文字的注释。鼠标悬停在文字上时会以“弹出式提示框”的形式显示。
|任意字符，除管道符（'''<nowiki>|</nowiki>'''）、连续两个大括号（<nowiki>{{</nowiki>、<nowiki>}}</nowiki>）外。管道符可以用<code><nowiki>{{!}}</nowiki></code>代替。
|''无''
|-
|'''font'''
| 目标文字字体。
|字体名称，多个字体应用半角逗号（''','''）隔开。可能的值参见[https://www.w3school.com.cn/cssref/css_websafe_fonts.asp 网络安全字体]、[[https://zh.wikipedia.org/wiki/Microsoft_Windows%E5%AD%97%E4%BD%93%E5%88%97%E8%A1%A8 Windows字体列表]]、[[https://zh.wikipedia.org/wiki/MacOS%E5%AD%97%E4%BD%93%E5%88%97%E8%A1%A8 macOS字体列表]]等信息。
|参见CSS
|-
|'''size'''
| 目标文字缩放尺寸。
|数字；使用时需附单位：px/em/ch/pt/%，或是使用[https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc calc()]，否则默认单位为px。
|14px
|-
|'''color'''
| 目标文字文字颜色。
|颜色代码；使用十六进制代码时应用半角井号（'''#'''）做前缀，如'''#000000'''。
|black
|-
|'''bgcolor'''
| 目标文字背景颜色
|颜色代码；具体信息同上。
|透明（即无背景）
|-
|'''shadowcolor'''
| 目标文字阴影颜色。
|颜色代码；具体信息同上。
|无（即无阴影）
|-
|'''css'''
| 目标文字的其他CSS样式
|可能的值参见[https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Fonts CSS Fonts]。也可以应用任何在萌百允许的 CSS 样式。
|''无''
|-
|'''1'''
| 目标文字内容。如果在使用时没有为一个参数给定名称（即<code><nowiki>{{font|参数名=参数值}}</nowiki></code>），那么第一个这样的参数会被理解为参数'''1'''。
|任意字符，除管道符（'''<nowiki>|</nowiki>'''）、连续两个大括号（<nowiki>{{</nowiki>、<nowiki>}}</nowiki>）外。管道符可以以<code><nowiki>{{!}}</nowiki></code>代替。
|''无''；'''这是必须参数。 '''
|}
== 语法 ==<!--==使用方法==-->
#<code><nowiki>{{Font|class=class属性|title=标题|font=文字字体|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|文字}}</nowiki></code>
#<code><nowiki>{{Font|class=class属性|title=标题|font=文字字体|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|1=文字}}</nowiki></code>
注意：
*除参数1外其他参数均是可省略参数，若省略，则会使用“结构”中所述的默认值。
*调换各参数的顺序不会影响使用。
*如果文字中有出现半角等于号（'''='''），则必须使用第二种用法，否则文字不会显示。
== 范例 ==<!--==用例==-->
比如，输入<code><nowiki>{{Font|color=#7f5620|font=楷体|size=20|文字在这里。}}</nowiki></code>
结果会是︰{{Font|color=#7f5620|font=楷体|size=20|文字在这里。}}
{| class="wikitable" width="100%"
! 输入 !! 结果
|-
|<code><nowiki>{{Font|不变化}}</nowiki></code>
|{{Font|不变化}}
|-
|<code><nowiki>{{Font|color=#7f5620|font=楷体|size=20|啡色的文字。}}</nowiki></code>
|{{Font|color=#7f5620|font=楷体|size=20|啡色的文字。}}
|-
|<code><nowiki>{{Font|color=#bf00bf|font=Century Gothic|size=35|Hello World!}}</nowiki></code>
|{{Font|color=#bf00bf|font=Century Gothic|size=35|Hello World!}}
|-
|<code><nowiki>{{Font|bgcolor=#364d6a|color=#c9b295|font=Simhei|size=16|囧囧囧囧囧}}</nowiki></code>
|{{Font|bgcolor=#364d6a|color=#c9b295|font=Simhei|size=16|囧囧囧囧囧}}
|-
|<code><nowiki>{{Font|title=就像这样|bgcolor=#f9f9ef|color=#5a7aad|shadowcolor=blue|font=Simhei|size=24|可以选用全部选项。}}</nowiki></code>
|{{Font|title=就像这样|bgcolor=#f9f9ef|color=#5a7aad|shadowcolor=blue|font=Simhei|size=24|可以选用全部选项。}}
|-
|<code><nowiki>{{Font|size=25|可以只选用其中一项选项。}}</nowiki></code>
|{{Font|size=25|也可以只选用其中一项选项。}}
|-
|<code><nowiki>{{Font|color=#FF0000|1=如果有=出现，必须要指明参数为1，即在前面写上“1=”。}}</nowiki></code>
|{{Font|color=#FF0000|1=如果有=出现，必须要指明参数为1，即在前面写上“1=”。}}
|}
== 结构 ==
本模板有8个参数：
{| class="wikitable" width="100%"
!参数名!!简介!!参数类型!!默认值
|-
|'''class'''
| 目标文字的 class 属性。
|class 名称
|''无''
|-
|'''title'''
| 文字的注释。鼠标悬停在文字上时会以“弹出式提示框”的形式显示。
|任意字符，除管道符（'''<nowiki>|</nowiki>'''）、连续两个大括号（<nowiki>{{</nowiki>、<nowiki>}}</nowiki>）外。管道符可以用<code><nowiki>{{!}}</nowiki></code>代替。
|''无''
|-
|'''font'''
| 目标文字字体。
|字体名称，多个字体应用半角逗号（''','''）隔开。可能的值参见[https://www.w3school.com.cn/cssref/css_websafe_fonts.asp 网络安全字体]、[[https://zh.wikipedia.org/wiki/Microsoft_Windows%E5%AD%97%E4%BD%93%E5%88%97%E8%A1%A8 Windows字体列表]]、[[https://zh.wikipedia.org/wiki/MacOS%E5%AD%97%E4%BD%93%E5%88%97%E8%A1%A8 macOS字体列表]]等信息。
|参见CSS
|-
|'''size'''
| 目标文字缩放尺寸。
|数字；使用时需附单位：px/em/ch/pt/%，或是使用[https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc calc()]，否则默认单位为px。
|14px
|-
|'''color'''
| 目标文字文字颜色。
|颜色代码；使用十六进制代码时应用半角井号（'''#'''）做前缀，如'''#000000'''。
|black
|-
|'''bgcolor'''
| 目标文字背景颜色
|颜色代码；具体信息同上。
|透明（即无背景）
|-
|'''shadowcolor'''
| 目标文字阴影颜色。
|颜色代码；具体信息同上。
|无（即无阴影）
|-
|'''css'''
| 目标文字的其他CSS样式
|可能的值参见[https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Fonts CSS Fonts]。也可以应用任何在萌百允许的 CSS 样式。
|''无''
|-
|'''1'''
| 目标文字内容。如果在使用时没有为一个参数给定名称（即<code><nowiki>{{font|参数名=参数值}}</nowiki></code>），那么第一个这样的参数会被理解为参数'''1'''。
|任意字符，除管道符（'''<nowiki>|</nowiki>'''）、连续两个大括号（<nowiki>{{</nowiki>、<nowiki>}}</nowiki>）外。管道符可以以<code><nowiki>{{!}}</nowiki></code>代替。
|''无''；'''这是必须参数。 '''
|}
== 语法 ==<!--==使用方法==-->
#<code><nowiki>{{Font|class=class属性|title=标题|font=文字字体|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|文字}}</nowiki></code>
#<code><nowiki>{{Font|class=class属性|title=标题|font=文字字体|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|1=文字}}</nowiki></code>
注意：
*除参数1外其他参数均是可省略参数，若省略，则会使用“结构”中所述的默认值。
*调换各参数的顺序不会影响使用。
*如果文字中有出现半角等于号（'''='''），则必须使用第二种用法，否则文字不会显示。
== 范例 ==<!--==用例==-->
比如，输入<code><nowiki>{{Font|color=#7f5620|font=楷体|size=20|文字在这里。}}</nowiki></code>
结果会是︰{{Font|color=#7f5620|font=楷体|size=20|文字在这里。}}
{| class="wikitable" width="100%"
! 输入 !! 结果
|-
|<code><nowiki>{{Font|不变化}}</nowiki></code>
|{{Font|不变化}}
|-
|<code><nowiki>{{Font|color=#7f5620|font=楷体|size=20|啡色的文字。}}</nowiki></code>
|{{Font|color=#7f5620|font=楷体|size=20|啡色的文字。}}
|-
|<code><nowiki>{{Font|color=#bf00bf|font=Century Gothic|size=35|Hello World!}}</nowiki></code>
|{{Font|color=#bf00bf|font=Century Gothic|size=35|Hello World!}}
|-
|<code><nowiki>{{Font|bgcolor=#364d6a|color=#c9b295|font=Simhei|size=16|囧囧囧囧囧}}</nowiki></code>
|{{Font|bgcolor=#364d6a|color=#c9b295|font=Simhei|size=16|囧囧囧囧囧}}
|-
|<code><nowiki>{{Font|title=就像这样|bgcolor=#f9f9ef|color=#5a7aad|shadowcolor=blue|font=Simhei|size=24|可以选用全部选项。}}</nowiki></code>
|{{Font|title=就像这样|bgcolor=#f9f9ef|color=#5a7aad|shadowcolor=blue|font=Simhei|size=24|可以选用全部选项。}}
|-
|<code><nowiki>{{Font|size=25|可以只选用其中一项选项。}}</nowiki></code>
|{{Font|size=25|也可以只选用其中一项选项。}}
|-
|<code><nowiki>{{Font|color=#FF0000|1=如果有=出现，必须要指明参数为1，即在前面写上“1=”。}}</nowiki></code>
|{{Font|color=#FF0000|1=如果有=出现，必须要指明参数为1，即在前面写上“1=”。}}
|}