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