样式食用指南

---

• 1L 样例
• 2L 指南

说明: 支持markdown语法, 可自定义支持元素的style属性, 以下均为使用class预设样式

文本

背景

格式

边框

特殊样式

指南

使用div标签包裹文本,如下所示

<div>要输入的文本</div>

然后加入样式类名class

<div class="样式类名">要输入的文本</div>

类名如下:

1. 文本
• 红色 tc-red
• 蓝色 tc-blue
• 绿色 tc-green
• 黄色 tc-yellow
• 橙色 tc-orange
• 白色 tc-white
• 黑色 tc-black
  (真的会有人用吗?)
• 彩虹色 tc-rainbow (会使背景色无效)
• 动态色 tc-animation (会使背景色无效)
2. 文本阴影
• 红色 tc-shadow-red
• 蓝色 tc-shadow-blue
• 绿色 tc-shadow-green
• 黄色 tc-shadow-yellow
• 橙色 tc-shadow-orange
• 白色 tc-shadow-white
• 黑色 tc-shadow-black
3. 背景色
• 红色 bgc-red
• 蓝色 bgc-blue
• 绿色 bgc-green
• 黄色 bgc-yellow
• 橙色 bgc-orange
• 黑色 bgc-black
• 彩虹色 bgc-rainbow
• 动态背景色 bgc-animation
4. 边框
• 红色 bd-red
• 蓝色 bd-blue
• 绿色 bd-green
• 黄色 bd-yellow
• 橙色 bd-orange
• 白色 bd-white
• 黑色 bd-black
• 虚线 bd-dash
• 点线 bd-dot
• 双线 bd-double
• 宽度2 bd-w2
• 宽度5 bd-w5
• 宽度10 bd-w10
5. 特殊
• 背景适应文字 tc-fit
• 文本居中 tc-center
• 剧透 tc-hide

<div class="bgc-green tc-white tc-fit">我是绿底白字</div>

那么问题来了, 怎样让文字的彩虹色/动态色 跟背景色一起生效?