h1. 黑白體育 直播標題範例 | 粗體 36px |
h2. 版面元素總覽 | 粗體 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 | 高亮 | 張偉 | @zhangwei |
| 2 | 劉洋 | 黃磊 | @huanglei |
| 3 | 林峰 | 小鳥 | @xiaoniao |
可在 .table 基礎類別後追加以下任一類別。
透過 :nth-child CSS 選擇器為 <tbody> 內表格列加入斑馬紋效果（IE7-8 不支援）。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 李強 | @liqiang |
| 2 | 楊帆 | 吳濤 | @wutao |
| 3 | 何鑫 | 飛鷹 | @feiying |
為表格加上邊框與圓角。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標註 | 王磊 | @wanglei |
| 高亮 | 趙明 | @heixin | |
| 2 | 孫鵬 | 鄭凱 | @zhengkai |
| 3 | 林峰小鳥 | @feiying | |
啟用 <tbody> 內表格列的懸停效果。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 陳浩 | @chenhao |
| 2 | 周杰 | 馬超 | @machao |
| 3 | 何鑫飛鷹 | @feiying | |
© 2025 北京黑白體育科技有限公司 版權所有