CSS 实现蜂巢/六边形图集的示例代码

不知道为什么,UI 很喜欢设计蜂巢效果(摊手) 一、实现六边形 首先用传统的方式来分析一下六边形 可以拆分成三个矩形,每个矩形 旋转正负 60° 得到其它两个矩形 由此可以设计出基本的 HTML 结构 矩形的宽高先随便设置,后面组件化的时候再计算其关系,通过 props 设置 然后设置 CSS 样式 .w-comb { background-color: #e4e4e4; display: inline-block; position: relative; } .w-comb-sub1, .w-comb-sub2 { background-color: #e4e4e4; positio