body{\r
margin: 0; /* 外側の空白を0にする */\r
min-width: 320px; /* 最初の横幅を設定 (これを設定しないとスマホで表示が崩れてしまう)*/\r
+ width: 500px; /* 横幅を50%にする */\r
+\r
+ /* 左右を中央揃え */\r
+ margin-left: auto; \r
+ margin-right: auto;\r
+ text-align: center;\r
}\r
\r
html{\r
color: black; /* 文字色を黒にする */\r
}\r
\r
-/* ゲーム本体の見た目 */\r
-\r
-#maintable tr{\r
- width: 50%; /*ゲーム本体の横幅を画面の半分に設定*/\r
-}\r
-\r
/* ボックス1つ1つの見た目 */\r
#maintable td{\r
background-color: #b5f7f3; /* 背景の色を青に設定 */\r
color: orange; /* 文字の色をオレンジにする*/\r
font-weight: bolder; /* 文字を太くする*/\r
\r
- margin: 50px; /* ボックス同士の空白を画面のドット50個分に設定 */\r
-\r
width: 100px; /* ボックスの幅を画面のドット100個に設定 */\r
height: 100px; /* ボックスの高さを画面のドット100個に設定 */\r
\r
text-align: center; /* 文字を左右中央に配置 */\r
}\r
\r
-\r
-\r