即時比分,一觸即達 | 粗體 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>上添加.table類,即可獲得輕量內邊距和水平佈局,適合展示賽程列表。
| # | 球員姓名 | 國籍 | 背號 |
|---|---|---|---|
| 1 | 張偉 | 林志明 | @海星體育 |
| 2 | 陳冠宇 | 李宗瑞 | @足球狂熱 |
| 3 | 劉德華 | 郭富城 | @海星官方 |
為.table基類添加以下任一樣式類,可調整表格視覺效果。
透過:nth-child CSS選擇器(IE7-8不支援)為<tbody>內的行添加斑馬紋,便於區分主客隊數據。
| # | 賽事編號 | 位置 | 進球數 |
|---|---|---|---|
| 1 | 陳強 | 黃建華 | @直播小編 |
| 2 | 林書豪 | 黃子佼 | @籃球達人 |
| 3 | 張學友 | 黎明 | @賽事預告 |
為表格添加邊框和圓角,讓積分榜更清晰易讀。
| # | 聯賽名稱 | 比分 | 助攻數 |
|---|---|---|---|
| 1 | 王磊 | 周杰倫 | @賽事解說 |
| 李剛 | 吳國豪 | @海星技術 | |
| 2 | 張智峰 | 吳宗憲 | @網球王子 |
| 3 | 陳奕迅 | @直播助手 | |
啟用表格行的懸停狀態,滑鼠劃過時高亮顯示該場比賽數據。
| # | 場次序號 | 開賽時間 | 紅牌數 |
|---|---|---|---|
| 1 | 劉洋 | 鄭凱文 | @即時比分 |
| 2 | 王建民 | 周渝民 | @運動主播 |
| 3 | 周杰倫 | @體育新聞 | |
訂閱郵件列表,您將第一時間收到海星體育直播的最新賽事預告、比分戰報和獨家活動通知。
© 2026 海星體育直播傳媒有限公司 版權所有 | 賽事數據即時更新