Time: 20200131
绘制图形的套路就是，先拆分，然后再画基本的元素，考虑如何用旋转，变形完成。
最基础的就是如何绘制三角形，这也是相对来说比较难的一个点。
拆分为一个三角形和一个梯形。
梯形还可以再拆分，但是我们可以直接画出梯形来。
拆分为三角形 + 正方形 + 三角形。
总之，用CSS3画了这么一堆东西，都是在练习使用拆解 + 基本元素绘制，变形，旋转，位置设定，伪元素等综合使用。
显示效果：
END.
圆形用圆角，比如div的高度宽度都是10px，那么圆角半径设置为5px就可以了。div{height:10pxwidth:10pxborder-radius:5px}
三角形的话比较复杂，需要套几个框，然后再用transform旋转，而且边框也比较难处理，你可以百度下六角形div的实现手段。
