如何使用HTML和CSS制作垄断风格的棋盘游戏布局

Question

我只想布置一些正方形形状的正方形，就像垄断板的瓷砖一样。 我在css上非常糟糕，只是想让布局顺利然后我确信我可以把它搞得一团糟。

Answer 1

您可以使用表格或任何类型的元素。在我的example中，我使用的是一个列表，我在其中浮动列表项并使它们成为正方形。

.field {
  width: 2.2em;
  height: 2.2em;
  float: left;
}