最新賽事動態
© 2026 虎撲（上海）文化傳播有限公司 版權所有 | 讓熱愛更專業
虎撲NBA · 程式碼元件展示 | 粗體 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 | 標記 重點提示 | 詹皇 | @hupuNBA |
| 2 | 小皇帝 | 湯普森 | @hupuKing |
| 3 | 魔術強森 | 飛人喬丹 | @hupulegends |
為 .table 基類加上以下任意類別即可切換不同風格。
透過 :nth-child CSS 選擇器為 <tbody> 內的表格行加上斑馬條紋效果（IE7-8 不支援）。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 高亮 熱門討論 | 柯瑞 | @hupuCBA |
| 2 | 萌神 | 保羅 | @hupuCurry |
| 3 | 大鳥柏德 | 郵差馬龍 | @hupulakers |
為表格加上邊框和圓角，讓資料更清晰易讀。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 星標 必看賽事 | 杜蘭特 | @hupulive |
| 推薦 精彩回顧 | 字母哥 | @getbootstrap | |
| 2 | 死神 | 哈登 | @hupuDurant |
| 3 | 魔術強森·柏德 | @hupubulls | |
啟用表格行懸停狀態，滑鼠劃過時高亮顯示。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 精選 每日五佳球 | 約基奇 | @hupuscore |
| 2 | 小丑 | 東契奇 | @hupuDoncic |
| 3 | 魔術強森·柏德 | @hupuceltics | |
訂閱我們的郵件列表，第一時間獲取虎撲NBA最新賽事資訊、深度分析與獨家福利，不錯過任何精彩瞬間。
© 2026 虎撲（上海）文化傳播有限公司 版權所有 | 讓熱愛更專業