使用CSS在网络上创建无缝模式
我正在网上制作一个无缝的CSS模式。 我知道这完全是无稽之谈，根本不实用。 但这只是为了获得乐趣。
http://codepen.io/vennsoh/pen/iFKyo
我已经完成了我的第一个瓷砖。 现在我正在想办法重复它以填充整个背景。
我可以通过使用HTML和CSS来完成这个壮举吗？ 或者我必须使用JavaScript来完成此？
-
这里是我的步骤，如果使用JavaScript，纠正我或建议更好的方法：
-
我可能想让事物四处移动，每个多边形都会改变颜色等。它不会是静态的。 我不想寻找背景图像解决方案。
谢谢，维恩。
实际上，只有html和css才有可能。 你的例子中的问题是，当你设置background-repeat属性时，背景的每个部分都会重叠，因为它们具有不同的大小，所以你只需要调整大小和放置你的形状。 在你的情况下做到这一点的简单方法是为每个形状设置一个background-size （所需完整图案的大小）并相应地改变它们的位置。
我已经修改了你的例子的一部分，让你知道它应该是这样的：http://codepen.io/anon/pen/pnxyd
只需添加，
float:left;
到CSS，然后只是制作多个副本的div，就像这里一样... http：//codepen.io/anon/pen/rlDqh
我想这应该可以做到。
链接地址: http://www.djcxy.com/p/12191.html