优直播 让每一场赛事都清晰可见 | 粗体 36px |
标题样式 清晰传达赛事信息 | 粗体 30px |
h3. 高清直播 实时呈现 | 粗体 24px |
h4. 英超 欧冠 实时转播 | 粗体 18px |
h5. 高清画质 流畅体验 | 粗体 14px |
h6. 社区互动 边看边聊 | 粗体 12px |
Info with progress-bar-info class.
Success with progress-bar-success class.
Warning with progress-bar-warning class.
Danger with progress-bar-danger class.
Inverse with progress-bar-inverse class.
Inverse with progress-bar-inverse class.
通过修饰类改变徽章外观
| 样式类 | 徽章 标记未读信息 |
|---|---|
| 无修饰 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
基础表格只需在 <table> 上添加 .table 类，即可获得轻量内边距和水平分隔线。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮 | 张伟 | @优直播 |
| 2 | 刘洋 | 王强 | @体育迷 |
| 3 | 黄丽 | 小鸟 | @优直播官微 |
可在 .table 基类上添加以下任意类
通过 :nth-child CSS 选择器为 <tbody> 内的行添加斑马条纹效果（IE7-8 不支持）。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 李娜 | @看球小助手 |
| 2 | 周杰 | 李华 | @球迷圈 |
| 3 | 林峰 | 飞鹰 | @看球直播网 |
为表格添加边框和圆角
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 强调 | 王磊 | @赛事小编 |
| 突出 | 陈静 | @优直播团队 | |
| 2 | 吴芳 | 张磊 | @直播达人 |
| 3 | 李小龙 | @赛事直播台 | |
在 <tbody> 行上启用悬停高亮状态
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标注 | 赵明 | @直播君 |
| 2 | 孙浩 | 陈涛 | @赛事控 |
| 3 | 张飞 | @高清体育 | |
© 2026 优直播网络科技有限公司 保留所有权利