h1. 优直播顶级赛事，一触即发 | 优直播 Semibold 36px |
h2. 高清无延迟，畅享每一刻 | 优直播 Semibold 30px |
h3. 区块链存证，数据永不可篡改 | 优直播 Semibold 24px |
h4. 4K画质，安装包仅18MB | 优直播 Semibold 18px |
h5. 弹幕互动，边看边聊更过瘾 | 优直播 Semibold 14px |
h6. 支持安卓与iOS双平台 | 优直播 Semibold 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基类上添加以下任意类，快速切换表格风格。
通过CSS的:nth-child选择器为<tbody>内行添加斑马条纹，提升长表格可读性，IE7-8不支持此效果。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 李明 | @优直播李明 |
| 2 | 孙鹏 | 郑辉 | @优直播郑辉 |
| 3 | 林涛 | 飞鹰 | @优直播林涛 |
为表格添加边框和圆角，让数据展示更清晰。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 强调 | 王芳 | @优直播王芳 |
| 突出 | 刘洋 | @优直播官方 | |
| 2 | 周婷 | 冯雪 | @优直播冯雪 |
| 3 | 黄健 小鸟 | @优直播周婷 | |
启用悬停高亮效果，鼠标经过行时变色，便于追踪赛况。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 醒目 | 陈静 | @优直播陈静 |
| 2 | 吴强 | 褚明 | @优直播褚明 |
| 3 | 林涛 飞鹰 | @优直播吴强 | |
© 2026 优直播科技有限公司 保留所有权利