PG模擬器排版規範一覽 | 粗體 36px |
二級標題範例:遊戲體驗更流暢 | 粗體 30px |
三級標題:幀率穩定在60fps以上 | 粗體 24px |
四級標題:支援超過200款熱門遊戲 | 粗體 18px |
五級標題:每兩週一次版本更新 | 粗體 14px |
六級標題:新用戶3分鐘開玩 | 粗體 12px |
資訊搭配 progress-bar-info class.
成功搭配 progress-bar-success class.
警告搭配 progress-bar-warning class.
危險搭配 progress-bar-danger class.
反向搭配 progress-bar-inverse class.
反向搭配 progress-bar-inverse class.
透過修飾類改變徽章外觀,例如新訊息提醒
| 類別 | 徽章 |
|---|---|
| 無修飾 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
為表格添加基礎類.table,獲得輕量內邊距和水平佈局,適用於遊戲數據統計列表。
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 標記 | 歐托 | @mdo |
| 2 | 雅各 | 索頓 | @fat |
| 3 | 賴瑞 | 小鳥 |
在.table基類上添加以下任意類來改變樣式
透過:nth-child選擇器為<tbody>內的表格行添加斑馬條紋效果,提升數據可讀性,IE7-8不支援。
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 標記 | 歐托 | @mdo |
| 2 | 雅各 | 索頓 | @fat |
| 3 | 賴瑞 | 小鳥 |
為表格添加邊框和圓角,使數據展示更清晰
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 標記 | 歐托 | @mdo |
| 標記 | 歐托 | @getbootstrap | |
| 2 | 雅各 | 索頓 | @fat |
| 3 | 賴瑞小鳥 | ||
在<tbody>內的表格行上啟用懸停高亮效果
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | 標記 | 歐托 | @mdo |
| 2 | 雅各 | 索頓 | @fat |
| 3 | 賴瑞小鳥 | ||
PG模擬器的排版系統經過精心設計,確保遊戲介面文字清晰可讀。我們採用自適應字體大小和行高,在1920×1080解析度下測試,標題與正文對比度達到4.5:1以上,讓您長時間暢玩也不易疲勞。
© 2026 PG模拟器科技有限公司 | 版權所有
PG模拟器提供专业稳定的运行环境,支持多款热门电子游戏,即刻畅玩无门槛。选择PG电子模拟器,感受真实细腻的视觉盛宴,让娱乐升级不止一点!官網提供最新版本下载与更新,随时保持最佳游戏体验。「誰能公正地指責那些在快樂中追求痛苦的人, 因為他們認為沒有什麼比這更值得追求的了。」