From 6182738ec03d5649a196e19472c837088335d28c Mon Sep 17 00:00:00 2001 From: Zhao Xin <7176466@qq.com> Date: Fri, 5 Aug 2022 13:12:02 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E6=AD=A5=E8=AE=BE=E8=AE=A1=E5=85=B5?= =?UTF-8?q?=E7=AB=99=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/index.html | 144 +++++++++++++++++++++++++++++++++++++--------- public/style.css | 28 +++++++++ 2 files changed, 146 insertions(+), 26 deletions(-) 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 {