開雲短代碼指南，輕鬆打造專屬體育頁面 | 粗體 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，即可獲得簡潔的水平佈局樣式，適合展示賽事數據與即時比分。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 標記 | 王強 | @kaiyun_wang |
| 2 | 周明 | 黄海 | @kaiyun_huang |
| 3 | 高翔 | 飞鸟 | @kaiyun_gao |
在.table基類上添加以下任一修飾類
透過:nth-child CSS選擇器為<tbody>內的表格行添加斑馬條紋效果（IE7-8不支援）。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 標記 | 刘洋 | @kaiyun_liu |
| 2 | 吴芳 | 林峰 | @kaiyun_lin |
| 3 | 唐亮 | 猎豹 | @kaiyun_tang |
為表格添加邊框和圓角
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 標記 | 陈静 | @kaiyun_chen |
| 张伟 | 赵磊 | @kaiyun_sun | |
| 2 | 郑涛 | 何雨 | @kaiyun_he |
| 3 | 高翔飞鸟 | @kaiyun_zhang | |
在<tbody>內的表格行上啟用懸停狀態
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 李娜 | 孙悦 | @kaiyun_zhao |
| 2 | 冯雪 | 马超 | @kaiyun_ma |
| 3 | 唐亮猎豹 | @kaiyun_li | |
© 2026 開雲科技有限公司 版權所有