css画正六边形的两种方法

所需积分/C币:9 2020-12-11 06:42:02 64KB PDF
4
收藏 收藏
举报

说下两种css 制作正六边形的方法。 先看一下结果: 在之前要先了解一下正六边形内角和边的关系,正六边形的每个内角是60deg,如图(√3其实是根号3): 方法一:原理把正六边形分成三部分,左中右分别是:before部分,div部分,after部分,如图: before三角形部分是div的before伪元素,after三角形部分是div的after伪元素。 html代码: <div class='div'></div> css代码: .div { position: relative; width: 50px;

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
weixin_38590790 如果觉得有用,不妨留言支持一下
2020-12-11
  • 至尊王者

    成功上传501个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
    最新推荐