我如何在HTML / CSS上制作九个均等大小的图块？

Question

我正在编辑一个网站，该网站有两行三列的六个方形图块。但是，我想再添加三个正方形的图块，以便总共有三行三列。

我能够用HTML做到这一点，但是现在我不确定如何编辑新图块的颜色和图片。

[这六个图块使用：“ tile-tl”，“ tile-tc”，“ tile-tr”，“ tile-bl”，“ tile-bc”和“ tile-br”

它们分别代表左上方，顶部中央，右上方，左下方，底部中央和右下方

我应该怎么做才能更改它，所以总共有九个图块？

Answer 1

我看到这里缺乏了解您的问题的背景。您能否添加一些屏幕快照，以了解它是什么，您要实现的目标以及代码？如果有足够的上下文，您将能够更快地获得答案。 ：）

Answer 2

</div>
[/column]
[column lg="4" md="6" sm="12" xs="12" ]
<div class="tile-tc">

`<a href="xxx"><div class="tile-tc"><span>xxx</span><p>xxx</p></div></a>`

（（我在以前有数据的地方放了xxx；但是对于其他磁贴，我使用了'tile-tc'，'tile-tr'等）]