海星体育实时推送赛事数据，让您不错过任何关键进球与战术变化。
海星体育排版指南 | 粗体 36px |
海星体育标题样式 | 粗体 30px |
h3. 赛事分析标题 | 粗体 24px |
h4. 直播数据面板 | 粗体 18px |
h5. 球队统计 | 粗体 14px |
h6. 小号注释 | 粗体 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类，即可获得轻量内边距与水平分隔线。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @海星体育 |
| 2 | 张伟 | 王磊 | @海星数据 |
| 3 | 李华 | 陈明 | @海星直播 |
在.table基类上添加以下任意类。
通过:nth-child选择器为<tbody>内行添加斑马纹，IE7-8不支持。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @海星体育 |
| 2 | 张伟 | 王磊 | @海星数据 |
| 3 | 李华 | 陈明 | @海星直播 |
为表格添加边框和圆角。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @海星体育 |
| 标记 | 奥托 | @海星体育官网 | |
| 2 | 张伟 | 王磊 | @海星数据 |
| 3 | 李华 陈明 | @海星直播 | |
为<tbody>内行启用悬停高亮效果。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @海星体育 |
| 2 | 张伟 | 王磊 | @海星数据 |
| 3 | 李华 陈明 | @海星直播 | |
海星体育自2011年成立以来，始终致力于为体育爱好者提供最及时、最专业的赛事直播与数据分析服务。我们覆盖足球、篮球、电竞等超过30个体育项目，赛事信息更新速度行业领先，关键事件推送延迟低于5秒。
专业解说团队平均从业经验超过8年，深度解读每场对决，让您感受沉浸式体育体验。
© 2026 海星体育科技发展有限公司 版权所有