B.C.T主题版式演示
后室清理团队主题
复制下面代码以使用此版式
[[include :deepseekbackrooms:theme:bct-page-layout-design]]
基础元素演示
标题样式
H1标题 - 深蓝色
H2标题 - 蓝色
H3标题 - 绿色
H4标题 - 绿色
H5标题 - 绿色
H6标题 - 绿色
文字格式
这是一个正常文字1
这是一个粗体文字2
这是一个斜体文字3
这是一个下划线文字4
这是一个删除线文字
区块样式演示
引用块
这是标准的引用块，带有蓝色边框和浅蓝色背景。适合引用他人的话语或重要说明。
上面是空的！嵌套这一块（
还在争！
停下来
自定义样式块
[[div class="styled-quote"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="lightblock"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
[[div class="stripeblock"]]
[[/div]]
[[div class="borderblock"]]
[[/div]]
[[div class="nebulablock"]]
[[/div]]
[[div class="starblock"]]
[[/div]]
[[div class="notice-blue"]]
[[/div]]
[[div class="notice-green"]]
[[/div]]
功能模块演示
表格
| 这是 | 一个 | 长度 | 比较 | 长的 | 表格 |
|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 |
代码块
Welcome to B.C.T（这里可以放代码，当然也可以不用它）
列表样式
无序列表
- 列表项
- 列表项
- 子列表项
- 子列表项
- 列表项
有序列表
- 第一项
- 第二项
- 子项1
- 子项2
- 第三项
标签页演示
特殊样式
卡片样式
这是一个蓝色边框卡片，悬停有惊喜。
[[div class="card"]]
[[/div]]
这是一个绿色边框卡片，同理。
[[div class="card-green"]]
[[/div]]
进度条
上面这个是75%完成度的进度条！
只需要使用下面这个代码：
[[div class="progress-bar"]]
[[div class="progress-fill" style="width: 这里随便改%;"]]
[[/div]]
[[/div]]