壹号娱乐 · 短代码组件库 | 粗体 36px |
标题样式展示 | 粗体 30px |
h3. 赛事标题示例 | 粗体 24px |
h4. 实时比分摘要 | 粗体 18px |
h5. 赛事分析要点 | 粗体 14px |
h6. 直播提醒 | 粗体 12px |
通过修饰类改变徽章外观，适配不同场景
| 样式类 | 徽章 |
|---|---|
| 无修饰 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
为表格添加基础类.table，即可获得简洁的水平内边距与基础样式。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 王强 | @yihaole |
| 2 | 周杰 | 马超 | @chaoji |
| 3 | 张磊 | 飞翔鸟 | @yule |
为.table基类添加以下任意类以扩展样式。
通过CSS伪类:nth-child为<tbody>内的表格行添加斑马条纹效果（IE7-8不支持）。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 刘洋 | @ngsports |
| 2 | 吴刚 | 胡明 | @tiyu |
| 3 | 李华 | 夜鹰 | @sport |
为表格添加边框与圆角，提升视觉层次。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 陈浩 | @28quan |
| 李明 | 赵磊 | @yihaoyule | |
| 2 | 郑涛 | 林峰 | @dianjing |
| 3 | 刘翔 | @live | |
为<tbody>内的表格行启用悬停高亮状态。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 张伟 | 孙鹏 | @yiwan |
| 2 | 黄鑫 | 何勇 | @caipiao |
| 3 | 陈飞 | @game | |
© 2026 壹号娱乐 版权所有 | 信任品牌的力量