查看“帮助:模板/通用CSS”的源代码

<noinclude>{{导航|文档}}{{文档}}</noinclude>
<h2>滑动条</h2>
{|class="lyskTable evenTable" style="width:100%;text-align:left"
|-
!style=width:10%|说明
!style="text-align:left"|调用
!style=width:50%|表现
|-
|浅白色滑动条<br>whiteScrollbar
|<syntaxhighlight lang=html>
<div class="whiteScrollbar"></div>
{{通用CSS|滑动条=1}}
</syntaxhighlight>
|<div class="whiteScrollbar" style="width:100px;height:100px;border:1px solid;overflow:auto;">
<div style="height:200px;">测<br>试<br>内<br>容<br>测<br>试<br>内<br>容</div>
</div>{{通用CSS|滑动条=1}}
|}
<h2>[[模板:Tabs|Tabs]]切换页签(推荐使用)</h2>
{|class="lyskTable evenTable" style="width:100%;text-align:left"
|-
!style=width:10%|说明
!style="text-align:left"|调用
!style=width:50%|表现
|-
|lineTabs
|<nowiki>{{Tabs|id=TabsTest1|cssClass=lineTabs|选项1=内容1|选项2=内容2}}</nowiki>
|{{Tabs|id=Tabs1|cssClass=lineTabs|选项1=内容1|选项2=内容2}}
|-
|photoTabs
|<nowiki>{{Tabs|id=TabsTest2|cssClass=photoTabs|选项1=内容1|选项2=内容2}}</nowiki>
|{{Tabs|id=Tabs1|cssClass=photoTabs|选项1=内容1|选项2=内容2}}
|-
|videoTabs
|<nowiki>{{Tabs|id=TabsTest2|cssClass=videoTabs|选项1=内容1|选项2=内容2}}</nowiki>
|{{Tabs|id=Tabs1|cssClass=videoTabs|选项1=内容1|选项2=内容2}}
|-
|gameSameTabs
|<nowiki>{{Tabs|id=TabsTest2|cssClass=gameSameTabs|选项1=内容1|选项2=内容2}}</nowiki>
|{{Tabs|id=Tabs1|cssClass=gameSameTabs|选项1=内容1|选项2=内容2}}
|-
|gameSameMiniTabs
|<nowiki>{{Tabs|id=TabsTest2|cssClass=gameSameMiniTabs|选项1=内容1|选项2=内容2}}</nowiki>
|{{Tabs|id=Tabs1|cssClass=gameSameMiniTabs|选项1=内容1|选项2=内容2}}
|}

<h2>[[模板:Tab|Tab]]切换页签旧版(停止维护)</h2>
{|class="lyskTable evenTable" style="width:100%;text-align:left"
|-
!style=width:10%|说明
!style="text-align:left"|调用
!style=width:50%|表现
|-
|normalTab
|<syntaxhighlight lang=html>
<div class="normalTab">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=normal}}
</syntaxhighlight>
|<div class="normalTab">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=normal}}
|-
|videoTab
|<syntaxhighlight lang=html>
<div class="videoTab"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=videoTab}}
</syntaxhighlight>
|<div class="videoTab"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=videoTab}}
|-
|simpleTab
|<syntaxhighlight lang=html>
<div class="simpleTab">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=simpleTab}}
</syntaxhighlight>
|<div class="simpleTab">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=simpleTab}}
|-
|photoTab
|<syntaxhighlight lang=html>
<div class="photoTab">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=photoTab}}
</syntaxhighlight>
|<div class="photoTab">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=photoTab}}
|-
|SwitchLeftSmall
|<syntaxhighlight lang=html>
<div class="SwitchLeftSmall"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=SwitchLeftSmall}}
</syntaxhighlight>
|<div class="SwitchLeftSmall"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=SwitchLeftSmall}}
|-
|SwitchLeftRow
|<syntaxhighlight lang=html>
<div class="SwitchLeftRow"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=SwitchLeftRow}}
</syntaxhighlight>
|<div class="SwitchLeftRow"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=SwitchLeftRow}}
|-
|SwitchRightSmall
|<syntaxhighlight lang=html>
<div class="SwitchRightSmall"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=SwitchRightSmall}}
</syntaxhighlight>
|<div class="SwitchRightSmall"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=SwitchRightSmall}}
|-
|gameSame
|<syntaxhighlight lang=html>
<div class="gameSame"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>
{{通用CSS|切换页签=gameSame}}
</syntaxhighlight>
|<div class="gameSame"">{{Tab|选项1=1|选项2=2|内容1=内容1|内容2=内容2}}</div>{{通用CSS|切换页签=gameSame}}
|}