css实现图片背景填充的正六边形

最近有个需求需要实现带有图片背景的正六边形，这里记录一下我自己实现的方法。 我项目里的最终效果大概是这样子的，这里我们只演示实现一个正六边形。 六边形的实现原理其实就是通过旋转三个重叠的矩形得到的，如下图所示： 这里为了得到一个正的六边