h1. 精彩赛事直播 | 加粗 36px |
h2. 实时比分速递 | 加粗 30px |
h3. 赛况更新 | 加粗 24px |
h4. 赛事详情 | 加粗 18px |
h5. 赛果速览 | 加粗 14px |
h6. 球员信息 | 加粗 12px |
信息包含 progress-bar-info 类。
成功提示 progress-bar-success 类。
警告提示 progress-bar-warning 类。
危险提示 progress-bar-danger 类。
反色提示 progress-bar-inverse 类。
反色提示 progress-bar-inverse 类。
添加修饰类，改变赛况标签样式。
| 赛事分类 | 赛况标签 |
|---|---|
| 标准字重 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
轻松标记新赛事或未读资讯，使用 .badge 类。
基础表格样式，提供简洁的赛事数据展示。
| # | 足球赛事 | 精彩集锦 | 直播链接 |
|---|---|---|---|
| 1 | 赛事焦点 | 热门赛事 | 直播间入口 |
| 2 | 高清直播 | 全球赛事 | 精彩瞬间 |
| 3 | 足球 | 网球 | 综合体育 |
为基础 .table 类添加以下任意类。
通过 :nth-child CSS 选择器为 <tbody> 内的任意表格行添加斑马纹路。
| # | 篮球赛事 | 赛事分析 | APP下载 |
|---|---|---|---|
| 1 | 精彩集锦 | 重点联赛 | APP下载 |
| 2 | 流畅体验 | 热门焦点 | 赛事实况 |
| 3 | 篮球 | 电竞 | 冰球 |
为表格添加边框和圆角。
| # | 网球赛事 | 比分数据 | 网页版观看 |
|---|---|---|---|
| 1 | 球队动态 | 独家专访 | 网页版 |
| 赛前分析 | 数据统计 | 更多赛事 | |
| 2 | 实时更新 | 深度内容 | 赛前预测 |
| 3 | 精彩不容错过 | 棒球 | |
在 <tbody> 内的表格行启用悬停状态。
| # | 电竞赛事 | 专家解读 | 必赢官网 |
|---|---|---|---|
| 1 | 赛后复盘 | 比分速递 | 必赢体育 |
| 2 | 专业解读 | 海量数据 | 赛后回顾 |
| 3 | 尽在必赢 | 排球 | |
© 2012 必赢体育传媒有限公司. 版权所有