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 必赢体育传媒有限公司. 版权所有