優直播 讓每一場賽事都清晰可見 | 粗體 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 | 標記 | 李娜 | @看球小助手 |
| 2 | 周杰 | 李華 | @球迷圈 |
| 3 | 林峰 | 飛鷹 | @看球直播網 |
為表格添加邊框和圓角
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 強調 | 王磊 | @賽事小編 |
| 突出 | 陳靜 | @優直播團隊 | |
| 2 | 吳芳 | 張磊 | @直播達人 |
| 3 | 李小龍 | @賽事直播台 | |
在 <tbody> 行上啟用懸停高亮狀態
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標註 | 趙明 | @直播君 |
| 2 | 孫浩 | 陳濤 | @賽事控 |
| 3 | 張飛 | @高清體育 | |
© 2026 優直播網路科技有限公司 保留所有權利