打造多边形div

制作多边形div
小弟在做网页的时候遇到一个问题：想产生多边形的div，前面的div凸出一个三角形，后面的div凹进一个三角形，让两个div凸出与凹进的部分正好嵌入，重叠，请问各位大侠，怎么实现呢？
------解决方案--------------------
用图片欺骗实现，用PHP自绘不美观，用canvas绘不兼容，还是图片好，你在哪见到例子复杂图型是绘出来的
------解决方案--------------------
如果硬要用div实现，用极小的div模拟成线，即三角形的边。