海星直播，見證每一刻輝煌 | 粗體 36px |
海星體育直播排版規範 | 粗體 30px |
h3. 頂級賽事，一觸即發 | 粗體 24px |
h4. 專業解說，深入戰術 | 粗體 18px |
h5. 即時比分，精準掌握 | 粗體 14px |
h6. 回放功能，重溫經典 | 粗體 12px |
資訊帶有 progress-bar-info 類別。
成功帶有 progress-bar-success 類別。
警告帶有 progress-bar-warning 類別。
危險帶有 progress-bar-danger 類別。
反色帶有 progress-bar-inverse 類別。
反色帶有 progress-bar-inverse 類別。
新增修飾類別以變更徽章的外觀樣式
| 樣式類名 | 徽章標記 |
|---|---|
| 無修飾 | 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 | 標記 | 張偉 | @海星TV |
| 2 | 劉洋 | 鄭宇 | @分析師 |
| 3 | 楊帆 | 觀賽達人 | @海星TV |
為表格添加邊框與圓角效果
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 突出 | 王磊 | @海星直播 |
| 強調 | 陳浩 | @海星體育 | |
| 2 | 周杰 | 馬超 | @評論員 |
| 3 | 張鵬·海星之翼 | @海星直播 | |
在 <tbody> 內的表格行上啟用懸停狀態
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 醒目 | 趙鵬 | @海星賽事 |
| 2 | 吳剛 | 黃磊 | @主播 |
| 3 | 楊帆·觀賽達人 | @海星賽事 | |
© 2026 海星體育文化傳播有限公司 版權所有