更多操作
无编辑摘要 |
|||
第67行: | 第67行: | ||
| border-left = 10px | | border-left = 10px | ||
}} | }} | ||
{{StyledHeader | |||
| text = 标题测试 | |||
| header = h1 | |||
| color = blue | |||
}} | |||
{{StyledHeader | |||
| text = 一级子标题-产品参数 | |||
| header = h2 | |||
| color = blue | |||
| border-left = 10px | |||
}} | |||
*测试行1 | |||
**测试内行11 | |||
*测试行2 | |||
**测试内行22 | |||
{{StyledHeader | |||
| text = 一级子标题-产品说明 | |||
| header = h2 | |||
| color = blue | |||
| border-left = 10px | |||
}} | |||
{{StyledHeader | |||
| text = 二级子标题 | |||
| header = h4 | |||
| color = blue | |||
| border-bottom= 2px | |||
}} | |||
*测试行1 | |||
**测试内行11 | |||
*测试行2 | |||
**测试内行22 | |||
{{StyledHeader | |||
| text = 二级子标题 | |||
| header = h4 | |||
| color = blue | |||
| border-bottom= 2px | |||
}} | |||
*测试行1 | |||
**测试内行11 | |||
*测试行2 | |||
**测试内行22 | |||
</noinclude> | </noinclude> | ||
<includeonly><onlyinclude>{{#invoke:StyledHeader|customStyles}}</onlyinclude></includeonly> | <includeonly><onlyinclude>{{#invoke:StyledHeader|customStyles}}</onlyinclude></includeonly> |
2024年7月23日 (二) 23:58的最新版本
参数说明
- 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 宽的左边框。
标题测试
一级子标题-产品参数
- 测试行1
- 测试内行11
- 测试行2
- 测试内行22
一级子标题-产品说明
二级子标题
- 测试行1
- 测试内行11
- 测试行2
- 测试内行22
二级子标题
- 测试行1
- 测试内行11
- 测试行2
- 测试内行22