-
-
-
-
-
-
FreezingFish
指南使用div标签包裹文本,如下所示
<div>要输入的文本</div>
然后加入样式类名class
<div class="样式类名">要输入的文本</div>
类名如下:
- 文本
- 红色 tc-red
- 蓝色 tc-blue
- 绿色 tc-green
- 黄色 tc-yellow
- 橙色 tc-orange
- 白色 tc-white
- 黑色 tc-black (真的会有人用吗?)
- 彩虹色 tc-rainbow (会使背景色无效)
- 动态色 tc-animation (会使背景色无效)
- 文本阴影
- 红色 tc-shadow-red
- 蓝色 tc-shadow-blue
- 绿色 tc-shadow-green
- 黄色 tc-shadow-yellow
- 橙色 tc-shadow-orange
- 白色 tc-shadow-white
- 黑色 tc-shadow-black
- 背景色
- 红色 bgc-red
- 蓝色 bgc-blue
- 绿色 bgc-green
- 黄色 bgc-yellow
- 橙色 bgc-orange
- 黑色 bgc-black
- 彩虹色 bgc-rainbow
- 动态背景色 bgc-animation
- 边框
- 红色 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
- 特殊
- 背景适应文字 tc-fit
- 文本居中 tc-center
- 剧透 tc-hide
<div class="bgc-green tc-white tc-fit">我是绿底白字</div>
我是绿底白字
-
FreezingFish
- 1L 样例
- 2L 指南
说明: 支持markdown语法, 可自定义支持元素的style属性, 以下均为使用class预设样式
文本
彩色文本彩虹文本动态文本文本阴影
背景
彩色背景彩虹背景动态背景
格式
背景适应文字文本居中
边框
彩色边框彩虹边框边框样式边框宽度
特殊样式
剧透鼠标悬停显示文本