蜂巢 1 —— 三个 div 旋转
缺点：非正六边形非常麻烦，无意义 dom 太多，边框不得超过 2px，失去背景图的 cover 和 contain 功能蜂巢 2 —— 大背景的 :after
缺点：无法设置边框，点击范围不正确，角的角度不对，也就没有正六边形
我是内容
蜂巢 3 —— 利用 SVG
缺点：非正六边形难搞，学习成本较高，边框麻烦蜂巢 4 —— 利用 clip-path
缺点：兼容性可能会出问题，点击范围不对我的内容
蜂巢 5 —— 利用背景图
缺点：正六边形难搞，元素宽度不得超过图片宽度，点击范围不对，图像可能有噪点我是内容
我是内容
我是内容
我是内容
蜂巢 6 —— 大背景2
缺点：无法设置边框，无法使用背景图，点击范围不对
我是内容