模板:Tab/文档

首页 > 说明 > Tab/文档

编 刷 历

快速创建可套娃的分页标签

使用方法

调用参数

{{Tab|标签名1=分页内容1|标签名2=分页内容2|……}}

必填

• 标签名：标签名字
• 分页内容：对应标签名的内容

选填

• 多个标签名和内容

注意

• 不论是否套娃，标签名字都不能重复

默认样式

/* 模板:Tab样式 开始 */
/* 标签样式 */
.tab ul li {
    display: inline;
    border:1px solid #666;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    margin:3px;
    padding:3px;
    color:#666;
}
/* 鼠标指着标签 */
.tab ul li a:hover {
    color:#666;
    font-weight:bold;
}
/* 激活的标签 */
.tab ul li.active {
    background:#666;
    color:#fff;
    font-weight:bold;
}
/* 内容样式 */
.tab .tab-content {
    border:1px solid #666;
    margin:2px 15px 15px 15px;
    padding:15px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
/* 无需改动，保留即可 */
.tab ul li a, .tab ul li a:hover,ul li a:active,ul li a:focus {
    text-decoration:none;
    color:inherit;
}
.tab ul li.active a, .tab ul li.active a, .tab ul li a:hover,ul li.active a:active,ul li.active a:focus {
    color:inherit;
}
/* 模板:Tab样式 结束 */

示例1

你所写的

{{Tab
|第一个=第一个标签的内容
|另一个=另一个标签的内容
}}

显示内容

• 第一个
• 另一个

第一个标签的内容

另一个标签的内容

示例2

你所写的

{{Tab
|标签1=标签1对应内容
|标签2=标签2对应内容
|套娃=
  {{Tab
  |套娃1=套娃1对应内容
  |套娃2=套娃2对应内容
  }}
}}

显示内容

• 标签1
• 标签2
• 套娃

标签1对应内容

标签2对应内容

• 套娃1
• 套娃2

套娃1对应内容

套娃2对应内容