PG麻将胡了3シミュレーター：主要コンポーネントの表示 | タイトル 36px |
共通コンポーネントと利用シーン | サブタイトル 30px |
シミュレーターコンポーネント例 | 段落大見出し 24px |
補助見出し | 本文 18px |
二次見出し | 小文字説明 14px |
フッター見出し | フッター情報 12px |
情報 progress-bar-info クラス
成功 progress-bar-success クラス
警告 progress-bar-warning クラス
危険 progress-bar-danger クラス
反転 progress-bar-inverse クラス
反転 progress-bar-inverse クラス
修飾クラスを追加してラベルのスタイルを変更します。
| 高度なシミュレーション機能 | 直感的なUIデザイン |
|---|---|
| デフォルト | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
.badge クラスを使用して、新しいアイテムや未読メッセージを簡単に強調表示します。
基本的な .table クラスを任意の <table> に追加するだけで、わずかなパディングと水平線のみの基本的なスタイルが得られます。
| # | 基本ルール練習 | リアルな牌山再現 | ユーザーフィードバック |
|---|---|---|---|
| 1 | 強調 | 企业用户 | [email protected] |
| 2 | 山田 太郎 | 山田 | taro.yamada |
| 3 | 伊藤 三郎 | 伊藤 | saburo.ito |
.table の基本クラスに、以下のいずれかの修飾クラスを追加してください。
<tbody> 内の任意のテーブル行にストライプ効果を追加するには、:nth-child CSS セレクターを使用します (IE7-8 ではサポートされていません)。
| # | 応用戦略練習 | 多様な役満パターン | ユーザーフィードバック |
|---|---|---|---|
| 1 | 強調 | 教育机构 | [email protected] |
| 2 | 佐藤 花子 | 佐藤 | hanako.sato |
| 3 | 渡辺 四郎 | 渡辺 | shiro.watanabe |
テーブルに境界線と角丸を追加します。
| # | 実践的シナリオ練習 | 状況別ゲームフロー | ユーザーフィードバック |
|---|---|---|---|
| 1 | 麻将胡了3 | 个人学习者 | [email protected] |
| PG电子 | 培训负责人 | 麻将胡了3公式 | |
| 2 | 田中 一郎 | 田中 | ichiro.tanaka |
| 3 | 高橋 五郎 | yamada.taro.official | |
<tbody> 内のテーブル行のホバー状態を有効にします。
| # | 対戦相手AIレベル調整 | 牌譜分析機能 | ユーザーフィードバック |
|---|---|---|---|
| 1 | 模拟器 | HR部门 | [email protected] |
| 2 | 鈴木 次郎 | 鈴木 | jiro.suzuki |
| 3 | 加藤 六郎 | sato.hanako.official | |
Copyright © 2026 麻将胡了3教育科技有限公司