壹號娛樂 · 短代碼元件庫 | 粗體 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 壹號娛樂 版權所有 | 信任品牌的力量