28圈短代碼元件一覽 | 粗體 36px |
標題樣式示例 | 粗體 30px |
三級標題示例 | 粗體 24px |
四級標題示例 | 粗體 18px |
五級標題示例 | 粗體 14px |
六級標題示例 | 粗體 12px |
透過添加修飾類別改變徽章外觀。
| 樣式類別 | 徽章標記 |
|---|---|
| 無修飾 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
基礎表格：在 <table> 上添加 .table 類別即可獲得輕量內邊距與水平分割線。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 賽事主編 | @28circle |
| 2 | 李明 | 趙峰 | @zhaofeng |
| 3 | 黃強 | 賽事報導 | @28circle_news |
在 .table 基礎類別上添加以下任一修飾類別。
條紋表格：透過 :nth-child 選擇器為 <tbody> 內的行添加斑馬紋樣式（IE7-8 不支援）。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 足球記者 | @28quan |
| 2 | 王剛 | 劉洋 | @liuyang |
| 3 | 馬超 | 即時數據 | @28quan_live |
帶邊框與圓角的表格樣式。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 籃球分析師 | @28circle |
| 體育編輯 | 綜合體育編輯 | @28circle_team | |
| 2 | 張華 | 孫偉 | @sunwei |
| 3 | 賽事報導團隊 | @28circle_fans | |
懸停高亮：為 <tbody> 內的行啟用滑鼠懸停效果。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 數據分析師 | 互動運營 | @28quan |
| 2 | 陳磊 | 周杰 | @zhoujie |
| 3 | 數據支持組 | @28quan_data | |
© 2026 28圈｜28CIRCLE 版權所有 | 滬ICP