制作多边形div

小弟在做网页的时候遇到一个问题：想产生多边形的div，前面的div凸出一个三角形，后面的div凹进一个三角形，让两个div凸出与凹进的部分正好嵌入，重叠，请问各位大侠，怎么实现呢？

回复讨论(解决方案)

用图片欺骗实现，用PHP自绘不美观，用canvas绘不兼容，还是图片好，你在哪见到例子复杂图型是绘出来的

如果硬要用div实现，用极小的div模拟成线，即三角形的边。

大牛来帮帮小弟啊，感激不尽！

你说说看，HTML的什么标记能产生三角形？

最简单用图片。。。。

svg 可以吗?