直播与比分代码 | 36px 粗体 |
即时比分与赛况代码 | 30px 粗体 |
数据同步代码 | 24px 粗体 |
赛事分类代码 | 18px 粗体 |
热门赛事代码 | 14px 粗体 |
全部项目代码 | 12px 粗体 |
資訊(含) progress-bar-info 類別。
成功(含) progress-bar-success 類別。
警告(含) progress-bar-warning 類別。
危險(含) progress-bar-danger 類別。
反向(含) progress-bar-inverse 類別。
反向(含) progress-bar-inverse 類別。
基础表格样式,支持自定义边框与斑马纹。
| # | 赛事ID | 赛事名称 | 直播链接 |
|---|---|---|---|
| 1 | 重点标记 | 用户A | 赛事编号 |
| 2 | 足球 | 英超 | 2024-07-10 |
| 3 | 正在直播 | 已结束 | 高清流畅 |
表格可应用以下类名以实现不同视觉效果。
添加斑马条纹,提升表格可读性,兼容主流浏览器。
| # | 赛事类型 | 主队 | 比赛状态 |
|---|---|---|---|
| 1 | 重点标记 | 用户B | 赛事名称 |
| 2 | 篮球 | NBA | 2026-07-10 |
| 3 | 即将开始 | 精彩集锦 | 多视角 |
为表格添加圆角边框,视觉效果更柔和。
| # | 开赛时间 | 客队 | 观看人数 |
|---|---|---|---|
| 1 | 重点标记 | 用户C | 比赛时间 |
| 重点标记 | 用户D | 即时比分 | |
| 2 | 网球 | 温布尔登 | 2026-07-11 |
| 3 | 全天候服务 | 賽事數據 | |
鼠标悬停时高亮显示行,便于用户定位。
| # | 直播源 | 当前比分 | 更新时间 |
|---|---|---|---|
| 1 | 重点标记 | 用户E | 直播状态 |
| 2 | 电竞 | 英雄联盟 | 2026-07-12 |
| 3 | 全球赛事覆盖 | 互动竞猜 | |