| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 近期暂无比赛,请稍后再来查看。 | ||||
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 |
为表格添加基础类.table,实现基础样式、轻微内边距和仅水平分隔。
| # | 主队 | 全场比分 | 射门次数 |
|---|---|---|---|
| 1 | 数据 | 用户ID | 客服支持 |
| 2 | 注册用户 | 资深玩家 | 官方推荐 |
| 3 | 赛事分析师 | 赛事分析 | 直播间 |
可为.table基础类添加以下任一修饰类。
通过:nth-child CSS选择器为<tbody>内的任何表格行添加斑马条纹(IE7-8不支持)。
| # | 客队 | 角球数 | 射正次数 |
|---|---|---|---|
| 1 | 统计 | 会员名 | 技术支持 |
| 2 | 活跃会员 | 资深用户 | 平台推荐 |
| 3 | 数据专家 | 数据解读 | 赛事频道 |
为表格添加边框和圆角。
| # | 上半场 | 红黄牌 | 犯规次数 |
|---|---|---|---|
| 1 | 分析 | 昵称 | 平台号 |
| 预测 | 账号 | 合作伙伴 | |
| 2 | VIP客户 | 老用户 | 技术认证 |
| 3 | 特邀嘉宾 | 观赛区 | |
在<tbody>内的表格行上启用悬停状态。
| # | 下半场 | 控球率 | 越位次数 |
|---|---|---|---|
| 1 | 趋势 | ID | 内部号 |
| 2 | 推荐人 | 特邀用户 | 合作渠道 |
| 3 | 特邀分析师 | 互动区 | |
奇异果体育 © 2018 保留所有权利