我正在网上制作一个无缝的CSS模式。我知道这完全是胡说八道，根本不实际。但这只是为了好玩。

http://codepen.io/vennsah/pen/ifkyo

我已经创建了我的第一个瓷砖。现在我在想一种方法来重复它来填充整个背景。

我可以只用HTML和CSS来完成这个壮举吗？还是必须使用javascript来完成此操作？

-

以下是我的步骤，如果使用javascript，请纠正我或建议更好的方法：

-

我可能想让物体四处移动，每个多边形都会改变颜色，等等。它不会是静态的。我不想找背景图像解决方案。

谢谢，Venn。

实际上，只有HTML和CSS才有可能做到这一点。示例中的问题是，设置background-repeat属性时，背景的每个部分都会重叠，因为它们的大小不同，所以只需调整形状的大小和位置。在您的情况下，这样做的简单方法是为每个形状(所需完整图案的大小)设置一个background-size，并相应地更改它们的位置。

我已经修改了您示例的一部分，让您了解它的外观：http://codepen.io/anon/pen/pnxyd

只需添加，

到CSS，然后复制多个DIV，就像这里一样……

我想这应该会起作用。