wellbet官方平台 - 标题层级规范 |
主标题字号:36px (加粗) |
wellbet官方平台 - 次级标题规范 |
一级标题字号:30px (加粗) |
wellbet官方平台 - 三级标题规范 |
二级标题字号:24px (加粗) |
wellbet官方平台 - 四级标题规范 |
正文字号:18px (加粗) |
wellbet官方平台 - 五级标题规范 |
小字号正文:14px (加粗) |
wellbet官方平台 - 六级标题规范 |
辅助信息字号:12px (加粗) |
資訊,含 progress-bar-info 類別。
成功,含 progress-bar-success 類別。
警告,含 progress-bar-warning 類別。
危險,含 progress-bar-danger 類別。
反差,含 progress-bar-inverse 類別。
反差,含 progress-bar-inverse 類別。
通过应用修饰类,可灵活调整徽章的视觉呈现。
| 用戶等級 | 專屬徽章 |
|---|---|
| 标准正文文本 | 42 |
.badge-primary |
1 |
.badge-success |
22 |
.badge-info |
30 |
.badge-warning |
412 |
.badge-danger |
999 |
为任意 <table> 添加基础的 .table 类,即可获得简洁的样式、适度的内边距和水平滚动支持。
| # | 用戶識別碼 | 用戶稱謂 | 加入日期 |
|---|---|---|---|
| 1 | 标准链接文本 | 尊貴會員 | 會員名稱 |
| 2 | 會員姓氏 | 貴賓姓氏 | 核心貴賓 |
| 3 | 資深尊榮 | 活躍貴賓 | 官方認證 |
为 .table 基础类添加以下任一修饰类,可实现更多样的表格视觉效果。
通过 :nth-child CSS 选择器,可为 <tbody> 内的表格行添加斑马条纹效果(注意:IE7-8 版本不支持此样式)。
| # | 用戶識別碼 | 用戶稱謂 | 加入日期 |
|---|---|---|---|
| 1 | 交互式链接文本 | VIP 貴賓 | 貴賓代號 |
| 2 | 會員姓氏 | 貴賓姓氏 | 核心會員 |
| 3 | 資深會員 | 活躍會員 | 官方帳號 |
为表格添加边框及圆角样式。
| # | 用戶識別碼 | 用戶稱謂 | 加入日期 |
|---|---|---|---|
| 1 | 了解更多 | 鉑金會員 | 專屬暱稱 |
| 立即体验 | 鑽石會員 | 官方支援 | |
| 2 | 會員姓氏 | 會員姓氏 | 核心傳奇 |
| 3 | 資深活躍會員 | 官方認證 | |
在 <tbody> 的表格行上启用悬停状态效果。
| # | 用戶識別碼 | 用戶稱謂 | 加入日期 |
|---|---|---|---|
| 1 | 查看详情 | 傳奇會員 | 傳奇稱謂 |
| 2 | 會員姓氏 | 會員姓氏 | 核心傳奇 |
| 3 | 資深活躍貴賓 | 官方認證 | |
版權所有 © 2012 北京維爾貝特科技有限公司