Javascript 需要我的图像分配像蜂窝与HTML/CSS

*我有一个六边形的图像，我需要像蜂窝一样排列，顶部3个底部2个图像具有响应性。如何使用css实现这一点*

---

这可能会对您有所帮助

利用剪辑路径css属性创建蜂窝状图像。 您可以浏览此处解释的代码：

可以使用CSS中的“剪辑路径”属性创建遮罩效果。在使用的每个图像上应用此样式。它裁剪图像并在六边形容器中显示为-image

figure img{
width:200px;height:200px; float:left;display:inline-block;
-webkit-clip-path: polygon(50% 0%, 100% 27%, 100% 76%, 50% 100%, 0 76%, 0 27%);
clip-path: polygon(50% 0%, 100% 27%, 100% 76%, 50% 100%, 0 76%, 0 27%);
}

您可以在此处找到执行的代码：

---

这可能会对您有所帮助我已经有了单独的六边形图像，我需要排列顶部3个和底部2个图像。我需要这方面的帮助，然后查看@KalaiselvanA提供的链接@维迪，维迪，像这样试试谢谢你，卡莱瑟万。明白了没关系，我需要一个