您现在的位置是:首页>学习分享
css-实现蜂窝形状 2020-02-01 465
方法一:

将六边形看成三个矩形的旋转拼接

六边形每一个角为60°,根据计算可以得出高宽之间的关系为根号3 : 1

查看演示一

方法二:

利用border属性绘制, 中间一个矩形,在利用befor和after进行两边三角形的绘制

(border是由三角形组成的,而不是矩形),可以看下将border的四边用不同的颜色来表示

查看演示二

文章评论
小程序端
  • 微信公众号
  • 我的微信

Copyright © www.zhangqingblog.com All Rights Reserved.

备案号:鄂ICP备18005731号-2