[update] : 設定のUIを作成

diff --git a/sanmoku/index.html b/sanmoku/index.html
index 3804e9a..5e155f4 100644 (file)
--- a/sanmoku/index.html
+++ b/sanmoku/index.html
@@ -33,6 +33,25 @@
 \r
         <!-- メッセージが表示される場所 -->\r
         <p id="msg"></p>\r
+\r
+        <!-- 設定 -->\r
+        <h2>設定</h2>\r
+        <form>\r
+            <table>\r
+                <tr>\r
+                    <td>縦方向のマス目の数</td>\r
+                    <td><input type="number"></td>\r
+                </tr>\r
+                <tr>\r
+                    <td>横方向のマス目の数</td>\r
+                    <td><input type="number"></td>\r
+                </tr>\r
+                <tr>\r
+                    <td>プレーヤーの人数</td>\r
+                    <td><input type="number"></td>\r
+                </tr>\r
+            </table>\r
+        </form>\r
         \r
     </main>\r
 \r

diff --git a/sanmoku/style/common.css b/sanmoku/style/common.css
index 3932954..922e91b 100644 (file)
--- a/sanmoku/style/common.css
+++ b/sanmoku/style/common.css
@@ -11,12 +11,12 @@ html{
 \r
 /* ゲーム本体の見た目 */\r
 \r
-tr{\r
+#maintable tr{\r
     width: 50%; /*ゲーム本体の横幅を画面の半分に設定*/\r
 }\r
 \r
 /* ボックス1つ1つの見た目 */\r
-td{\r
+#maintable td{\r
     background-color: blue; /* 背景の色を青に設定 */\r
     margin: 50px; /* ボックス同士の空白を画面のドット50個分に設定 */\r
 \r