diff --git a/public/index.html b/public/index.html index a248d52..bbecf0a 100644 --- a/public/index.html +++ b/public/index.html @@ -15,7 +15,99 @@
-
+
+ + 兵 站 + 大本营 + 兵 站 + 大本营 + 兵 站 + + + 兵 站 + 兵 站 + 兵 站 + 兵 站 + 兵 站 + + + 兵 站 + 行 营 + 兵 站 + 行 营 + 兵 站 + + + 兵 站 + 兵 站 + 行 营 + 兵 站 + 兵 站 + + + 兵 站 + 行 营 + 兵 站 + 行 营 + 兵 站 + + + 兵 站 + 兵 站 + 兵 站 + 兵 站 + 兵 站 + + + 兵 站 + 山 界 + 兵 站 + 山 界 + 兵 站 + + + 兵 站 + 兵 站 + 兵 站 + 兵 站 + 兵 站 + + + 兵 站 + 行 营 + 兵 站 + 行 营 + 兵 站 + + + 兵 站 + 兵 站 + 行 营 + 兵 站 + 兵 站 + + + 兵 站 + 行 营 + 兵 站 + 行 营 + 兵 站 + + + 兵 站 + 兵 站 + 兵 站 + 兵 站 + 兵 站 + + + 兵 站 + 兵 站 + 兵 站 + 兵 站 + 兵 站 + +
diff --git a/public/style.css b/public/style.css index d0de868..df57955 100644 --- a/public/style.css +++ b/public/style.css @@ -24,6 +24,34 @@ body { width: 982px; height: 1248px; background-image: url(board.png); + display: flex; + flex-direction: column; + justify-content: space-between; +} + +#gameboard line { + width: 982px; + display: flex; + justify-content: space-between; +} + +#gameboard fort { + display: inline-block; + width: 90px; + height: 50px; + border: 2px red dashed; + display: flex; + justify-content: center; + align-items: center; + background-color: #fff; + font-weight: 900; +} + +#gameboard fort.xingying, +#gameboard fort.shanjie { + margin-top: -20px; + height: 90px; + border-radius: 50%; } #sidebar {