多角形の div を作成する

多角形のdivの作成
Webページを作成する際に困ったことがあります。 多角形のdivを作りたいのですが、前方のdivが三角形で凸、後方のdivが三角形で凹んでいます。それはたまたま埋め込まれて重なっているだけです、それを実現する方法を教えてください。
------解決策---------
絵を使って騙し、PHPを使って描く美しいですが、キャンバスと互換性がありません。複雑なグラフィックが描画されている例をどこで見たことがありますか? - ---------
どうしても div を使用して実装する場合は、非常に小さな div を使用して線、つまり三角形の辺をシミュレートします。