模板:文字造型/蓝色圆形框标题/doc：修订间差异
跳到导航
跳到搜索
Willson-v-（讨论 | 贡献） （→使用例） |
小无编辑摘要 |
||
| （未显示2个用户的3个中间版本） | |||
| 第19行： | 第19行： | ||
|- | |- | ||
| width || 标题宽度 || 40% || 该参数的值将作为标题宽度使用，推荐使用百分比。 | | width || 标题宽度 || 40% || 该参数的值将作为标题宽度使用，推荐使用百分比。 | ||
|- | |||
| color || 字体颜色 || #FFFFFF || 该参数的值将作为标题字体颜色使用。 | |||
|- | |||
| bgcolor || 背景颜色 || #46A4B7 || 该参数的值将作为标题背景颜色使用。 | |||
|} | |} | ||
| 第25行： | 第29行： | ||
== 创建一个一级标题 == | == 创建一个一级标题 == | ||
<code><pre> | <code><pre> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本}} | ||
</pre></code> | </pre></code> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本}} | ||
== 创建一个二级标题 == | == 创建一个二级标题 == | ||
<code><pre> | <code><pre> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2}} | ||
</pre></code> | </pre></code> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2}} | ||
== 创建一个二级标题，并修改字体大小 == | == 创建一个二级标题，并修改字体大小 == | ||
<code><pre> | <code><pre> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em}} | ||
</pre></code> | </pre></code> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em}} | ||
== 创建一个二级标题，字体大小，并指定字体 == | == 创建一个二级标题，字体大小，并指定字体 == | ||
<code><pre> | <code><pre> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体}} | ||
</pre></code> | </pre></code> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体}} | ||
== 创建一个二级标题，字体大小，指定字体，并加粗 == | == 创建一个二级标题，字体大小，指定字体，并加粗 == | ||
<code><pre> | <code><pre> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体|weight=bold}} | ||
</pre></code> | </pre></code> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体|weight=bold}} | ||
== 创建一个二级标题，字体大小，指定字体，加粗，并指定宽度 == | == 创建一个二级标题，字体大小，指定字体，加粗，并指定宽度 == | ||
<code><pre> | <code><pre> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体|weight=bold|width=60%}} | ||
</pre></code> | </pre></code> | ||
{{ | {{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体|weight=bold|width=60%}} | ||
== 创建一个二级标题，并指定颜色 == | |||
<code><pre> | |||
{{文字造型/蓝色圆形框标题|text=这里是标题文本|bgcolor=#FFAAAA|color=#2222AA}} | |||
</pre></code> | |||
{{文字造型/蓝色圆形框标题|text=这里是标题文本|bgcolor=#FFAAAA|color=#2222AA}} | |||
[[分类:功能模板]] | |||
2022年7月27日 (三) 12:16的最新版本
说明
该模板用于创建一个带有特殊样式的标题。
参数
| 参数名称 | 说明 | 默认内容 | 说明 |
|---|---|---|---|
| text | 标题文字 | 无 | 该参数的值将作为标题文本显示。 |
| size | 字体大小 | 1.6em | 该参数的值将作为字体大小作用，其值与单位与css中的font-size项相同。常用的单位包括%、em、px等等。
|
| weight | 字重 | inherit | 该参数的值将作为字重作用，其值与css中的font-weight项相同。常用的值包括light（细）、normal（通常）、bold（粗体）和inherit（继承上级元素）等等。
|
| font | 字体 | inherit | 该参数的值将作为字体使用，其值与css中的font-family项相同。将字体名填入其中即可。可以填入多个字体，在前一个字体不可用的情况下会fall-back到下一个字体。建议使用web safe的字体。 |
| level | 标题级别 | 1 | 该参数的值将作为标题层级使用，推荐的值包括1、2、3、4、5，分别对应1级标题、2级标题、3级标题、4级标题、5级标题（h1, h2, h3, h4, h5）。 |
| width | 标题宽度 | 40% | 该参数的值将作为标题宽度使用，推荐使用百分比。 |
| color | 字体颜色 | #FFFFFF | 该参数的值将作为标题字体颜色使用。 |
| bgcolor | 背景颜色 | #46A4B7 | 该参数的值将作为标题背景颜色使用。 |
使用例
创建一个一级标题
{{文字造型/蓝色圆形框标题|text=这里是标题文本}}
这里是标题文本
创建一个二级标题
{{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2}}
这里是标题文本
创建一个二级标题，并修改字体大小
{{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em}}
这里是标题文本
创建一个二级标题，字体大小，并指定字体
{{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体}}
这里是标题文本
创建一个二级标题，字体大小，指定字体，并加粗
{{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体|weight=bold}}
这里是标题文本
创建一个二级标题，字体大小，指定字体，加粗，并指定宽度
{{文字造型/蓝色圆形框标题|text=这里是标题文本|level=2|size=2em|font=宋体|weight=bold|width=60%}}
这里是标题文本
创建一个二级标题，并指定颜色
{{文字造型/蓝色圆形框标题|text=这里是标题文本|bgcolor=#FFAAAA|color=#2222AA}}