雷速体育排版规范：为全球赛事数据而生 | Semibold 36px |
标题层级与使用场景 | Semibold 30px |
h3. 赛事数据模块标题 | Semibold 24px |
h4. 赛程与比分副标题 | Semibold 18px |
h5. 数据统计小标题 | Semibold 14px |
h6. 注释与脚注文字 | Semibold 12px |
信息带 progress-bar-info class.
成功带 progress-bar-success class.
警告带 progress-bar-warning class.
危险带 progress-bar-danger class.
反色带 progress-bar-inverse class.
反色带 progress-bar-inverse class.
通过修饰类改变徽章的外观样式
| 类名 | 徽章 |
|---|---|
| 无修饰 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
为表格添加基本样式：轻内边距与水平布局，需在 <table> 上使用基类 .table。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 张伟 | @zhangwei |
| 2 | 赵强 | 钱峰 | @qianfeng |
| 3 | 黄磊 | 体育迷 | @huanglei |
可对 .table 基类添加以下任意修饰类
通过 :nth-child CSS 选择器为 <tbody> 内的表格行添加斑马条纹效果（IE7-8 不支持）。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮 | 李明 | @liming |
| 2 | 孙丽 | 郑洁 | @zhengjie |
| 3 | 林雪 | 篮球人 | @linxue |
为表格添加边框与圆角
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 突出 | 王芳 | @wangfang |
| 强调 | 刘洋 | @leisu | |
| 2 | 周涛 | 冯刚 | @fenggang |
| 3 | 黄磊 体育迷 | @zhoutao | |
在 <tbody> 内的表格行上启用悬停高亮状态
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标注 | 陈静 | @liuyang |
| 2 | 吴昊 | 褚明 | @chuming |
| 3 | 林雪 篮球人 | @wuhao | |
© 2026 雷速网络科技（北京）有限公司 版权所有