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

Question

我只想布置一些方形轮廓，就像垄断板的瓷砖一样。我在 css 方面很糟糕，只想让布局继续下去，然后我相信我可以通过一些乱七八糟的方式让它变得漂亮。

Answer 1

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

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