競技寶JJB - 你的賽事資訊首選 | Semibold 36px |
頁面元件一覽 | Semibold 30px |
h3. 賽事頭條 | Semibold 24px |
h4. 賽事速遞 | Semibold 18px |
h5. 戰隊排名 | Semibold 14px |
h6. 即時比分 | Semibold 12px |
透過修飾類改變徽章外觀
| 樣式類別 | 徽章標記 |
|---|---|
| 無修飾 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
基礎表格：為<table>添加.table類，即可獲得輕量內邊距與水平佈局，適合呈現賽事對陣表。
| # | 姓名 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 標記 | 王曉明 | @wangxm |
| 2 | 林雅婷 | 楊子豪 | @yangzh |
| 3 | 趙大偉 | 體育狂粉 | @tiyufan |
為.table基類添加以下任一修飾類，快速變換樣式。
條紋表格：透過:nth-child選擇器為<tbody>內的行添加斑馬紋效果，讓賽程清單更易閱讀（IE7-8不支援）。
| # | 姓名 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 標記 | 李志豪 | @lizh |
| 2 | 黃思涵 | 周怡君 | @zhouyj |
| 3 | 孫婉婷 | 電競達人 | @dianjing |
帶邊框和圓角的表格樣式，適合展示戰隊積分榜。
| # | 姓名 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 標記 | 陳偉傑 | @chenwj |
| 馬克 | 張凱文 | @JJB官方 | |
| 2 | 吳冠霖 | 鄭宇翔 | @zhengyx |
| 3 | 體育狂粉 | @lolstar | |
滑鼠懸停時高亮表格行（<tbody>內），方便比對選手數據。
| # | 姓名 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 馬克 | 劉建國 | @zhangk |
| 2 | 許芳瑜 | 何雅文 | @heyaw |
| 3 | 電競達人 | @csgofan | |
© 2026 競技寶科技有限公司 版權所有 | 權威賽事資訊平台