开云体育页面组件指南 | 粗体 36px |
标题样式展示 | 粗体 30px |
h3. 开云体育标题 | 粗体 24px |
h4. 开云体育子标题 | 粗体 18px |
h5. 开云体育小标题 | 粗体 14px |
h6. 开云体育最小标题 | 粗体 12px |
通过修饰类改变徽章外观
| CSS 类名 | 徽章 |
|---|---|
| 无修饰 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
基础表格只需添加.table类即可获得简洁的水平和内边距样式。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 王芳 | @kaiyun_li |
| 2 | 孙鹏 | 林涛 | @sunpeng_fan |
| 3 | 高远 | 球迷小飞 | @kaiyun_official |
在.table基类上添加以下任一修饰类。
通过:nth-child选择器为<tbody>中的表格行添加斑马条纹效果（IE7-8不支持）。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 赵强 | @kaiyun_wang |
| 2 | 吴婷 | 何雨 | @wuting_live |
| 3 | 罗琳 | 篮球达人 | @kaiyun_support |
为表格添加边框和圆角。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 刘洋 | @kaiyun_zhao |
| 李明 | 陈静 | @kaiyun_sports | |
| 2 | 郑浩 | 马超 | @zhenghao_goal |
| 3 | 足球老张 | @kaiyun_news | |
为<tbody>内的表格行启用悬停状态。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 张伟 | 周杰 | @kaiyun_chen |
| 2 | 黄磊 | 许峰 | @xufeng_data |
| 3 | 网球小李 | @kaiyun_app | |
© 2026 开云体育 版权所有 | 开云官网